jQuery ajax,等到beforeSend动画结束
jQuery是一个快速、简洁且高效的JavaScript框架，它主要关注DOM操作、事件处理和AJAX通信。AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种允许在不重新加载整个网页的情况下更新部分网页内容的技术。jQuery的ajax方法封装了AJAX操作，使得在网页上发送请求和接收响应变得更加容易和高效。
在jQuery中，ajax方法有以下几个优点：
- 简单易用：jQuery的
ajax方法简化了AJAX操作，使得在JavaScript中发送HTTP请求变得简单。 - 高度封装：jQuery的
ajax方法封装了AJAX的所有操作，包括发送请求、处理响应、解析JSON数据等。 - 跨浏览器支持：jQuery的
ajax方法在各大主流浏览器上都有良好的支持，包括IE、Firefox、Chrome、Safari等。 - 异步处理：
ajax方法支持异步请求，可以在发送请求时无需等待响应，从而提高程序的性能和响应速度。
应用场景：
- 数据实时更新：通过AJAX发送请求，可以实时更新网页上的部分内容，例如股票行情、新闻动态等。
- 页面加载：通过AJAX实现局部页面加载，提高用户体验，减少页面刷新。
- 插件开发：jQuery的
ajax方法常用于插件开发，实现插件与后端服务器的数据交互。
推荐的腾讯云产品：
- 腾讯云CDN（Cloud CDN）：提供稳定、高效的内容分发服务，加速网站、应用等资源的加载速度。
- 腾讯云数据库（Tencent Cloud Database）：支持多种数据库类型，包括关系型数据库、NoSQL数据库和内存数据库，满足各种场景的数据存储需求。
- 腾讯云服务器（Tencent Cloud Server）：提供高性能、可扩展的虚拟计算资源，帮助用户快速部署和运行应用程序。
产品介绍链接地址：
相关·内容
3回答
HTML & CSS：
<a href="#">link</a>
<img src="http://2.bp.blogspot.com/_OIHTbzY7a8I/TOaiTKLqszI/AAAAAAAAAHM/eb3iiOqxzKg/s640/Auto_Audi_Audi_concept_car_005130_.jpg" />
<div></div>
img { display: none; }
a { display: block; }
联署材料：
$("a").click(
浏览 4提问于2011-03-06得票数 4
回答已采纳
2回答
Ajax等待动画完成
、、、、
我知道这个话题之前已经在stackoverflow上讨论过了。但是所有的结果都不能帮助解决我的问题。
我像这样使用"form“jQuery插件：
$(document).ready(function() {
$('#myForm').ajaxForm({
data: { Ajax: '1' },
beforeSubmit: beforeSEND, // pre-submit callback
success: resultHANDLE // post-submit callback
浏览 0提问于2013-06-17得票数 0
回答已采纳
我有一个简单的AJAX调用，它在beforeSend和complete上执行一个函数。它们执行得很好，但beforeSend“似乎”直到成功之后才执行。
在beforeSend上有一个“请稍候”的通知。如果我在beforeSend中的函数后面加一个断点，那么它将显示该通知，然后单击成功。如果没有中断点，它就会停在那里，在等待响应的同时思考，然后在成功后的一小段时间内，会出现“请等待”通知。
所需的功能是在发送请求时立即显示通知，以便在等待响应时显示通知。
$.ajax({
type : 'POST',
url :
浏览 0提问于2013-04-17得票数 27
回答已采纳
我使用jQuery fancybox来显示和隐藏ajax请求上的加载动画。
$(function(){
$.ajaxSetup({
beforeSend: function() {
$.fancybox.showLoading();
},
complete: function(){
$.fancybox.hideLoading();
}
});
});
它不适用于第一个ajax请求。但它适用于后续请求。以前有没有人遇到过这个问题？
浏览 1提问于2012-06-01得票数 0
我正在做一个项目，使用dataType设置为jsonp的$.ajax从不同的域调用set服务。
$.ajax({
type: "GET",
url: testService.asmx,
async: true,
contentType: "application/json; charset=utf-8",
dataType: "jsonp",
beforeSend: function (XMLHttpRequest) {
浏览 2提问于2010-05-05得票数 4
回答已采纳
2回答
有没有办法延迟ajax请求的执行，直到动画结束？
var showAjaxLoader = function(selector) {
$("." + selector).fadeToggle("slow");
$("." + selector).parent().html('<img src="ajax-loader.gif" />').fadeIn();
};
$(".add, .delete")
.bind("ajax:beforeSend"
浏览 1提问于2011-05-09得票数 2
回答已采纳
我有过
// Ajax setup
$.ajaxSetup({
beforeSend: function() {
$('#general-ajax-load ').fadeIn();
},
complete: function() {
$('#general-ajax-load ').fadeOut();
}
});
在页面加载时为我所有的ajax调用设置加载动画。它工作得很好，除了load()调用。对于loads，只有beforeSend被触发，而complete永远不会被调用，这会导致显示永不消失的动画。
有什么想法吗？
浏览 0提问于2010-02-17得票数 7
回答已采纳
我使用以下jQuery代码片段来执行AJAX请求：
$.ajax({
url: page,
context: $(pageContent),
beforeSend: function(){
$(pageContent).css('opacity', '0');
},
success: function(html){
$(pageContent).html(html);
},
complete: function(){
$(pageContent).css(&#
浏览 3提问于2011-05-05得票数 2
伙计们，我要做的是在导航上加载一个页面，点击ajax，然后在没有点击任何东西的情况下加载它，我希望在用jquery加载动画之后加载主页，用PHP代码加载延迟，如果单击导航上的某些内容，我想加载特定的文件，但这段代码似乎不起作用。
var res = {
loader: $('<div />', {class: 'loader' } ),
container: $('.content')
};
$(document).ready(function(){
$.ajax({
浏览 8提问于2014-11-08得票数 0
回答已采纳
3回答
如何在调用AJAX时显示进度条？
、、、、
我正在开发一个使用phonegap (JQ + Html )的移动应用程序。在我的应用程序中，使用AJAX calls.When服务调用消费REST bar服务，我显示了一个进度条动画GIF图像。问题是，浏览器在调用AJAX时会冻结。因此，进度条不会显示。
在“beforeSend”中，我显示了进度条图像，在“complete”之后，我隐藏了进度条图像。
我也在尝试async: true。但是它以异步方式执行服务。在我的应用中，异步执行是不合适的。因为异步执行不会等待ajax执行。我的应用程序应该等到ajax执行完成。在进程时间中，我希望显示进度条。
这是我的代码。
$.ajax({
浏览 5提问于2014-03-28得票数 1
回答已采纳
执行工作非常好，错误以x秒的形式在动画中消失，您可以关闭ajax发出的消息。
我提出的问题是动画仍然处于活动状态，不应该保持活动状态，只有在接收或发出ajax消息时才能显示消息。
$(document).ready(function() {
$(".dismiss").click(function() {
$(".result").fadeOut(500);
});
$(document).on('submit', '#code', function() {
var data = $
浏览 0提问于2017-11-28得票数 0
回答已采纳
这是我的jquery ajax设置代码，在chrome中运行良好，但在firefox中运行非常非常慢，我发现是加载器gif导致的问题，没有加载器动画，ajax在firefox中运行很快，有人知道为什么吗？非常感谢。
Javascript：
var div=$("<div id='mask'/>");
$.ajaxSetup({
beforeSend:function(jqxhr,settings){
div.addClass('loader').appendT
浏览 1提问于2012-11-30得票数 0
我试图创建一个DIV与图像在另一个DIV显示AJAX processing.Am做在JQUERY AJAX "beforeSend“。实际情况是，插入的图像只有在AJAX调用之后才可见。我检查了DOM，插入发生在"beforeSend“中，但在AJAX调用后可见。下面是一段代码
options.beforeSend = function(jqXHR, settings){
$('#'+_divId).prepend(jQuery('<div/>', {
class : 'ajax-progress&#
浏览 9提问于2017-01-19得票数 0
回答已采纳
我正在扩展jQuery的ajaxPrefilter接口，以向AJAX调用添加额外的功能；即使用setRequestHeader()在beforeSend()方法中将头数据添加到XHR请求中。问题是，ajaxPrefilter和ajax调用本身都可以包含beforeSend选项，其中一个或两个都可以包含异步功能。
假设我的ajaxPrefilter看起来是这样的：
(function($) {
$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
var auth = $.cookie("fake_
浏览 2提问于2012-12-18得票数 0
回答已采纳
1回答
使用以下代码，所有内容都会在Firebug控制台中按顺序正常显示(包括数据的Ajax post )，但所有jQuery效果/动画(fadeIn、animate、slideUp、slideDown、animate、fadeOut)都是在调用Ajax函数之后一起发生的，而不是在执行实际步骤时一起发生的。
它为什么要这么做？我该如何修复它？
$('#overlay').fadeIn(500, function () {
$('#overlaybox').animate({ 'top': '40px' }, 100);
});
$(
浏览 2提问于2013-03-06得票数 1
回答已采纳
1回答
Con情：用户通过AJAX上传多张照片，然后继续与网站交互，而PHP脚本则继续在后台运行，并根据上传的照片生成各种缩略图。
站点配置：
jQuery AJAX (v1.9.1)
PHP5.4.7，FastCGI模式
IIS7.5，带有gzip
我曾经提到并试图实现的以前的帖子(但没有用)：
我尝试了大量基于前面文章的脚本选项，但是似乎没有人告诉AJAX脚本让用户继续，而PHP继续处理.
示例PHP代码：
<?php
// Save images to db, etc
// Now tell AJAX to le
浏览 2提问于2013-03-11得票数 3
我在加载动画时遇到了一个小问题。动画可以很好地开始和停止。但是如果内容加载的速度比动画播放的速度快，我希望它不会显示(开始，延迟)
我这样试一试
$.ajax({
beforeSend: function (data) {
/* Ajax Loading... einblenden */
$('.loading_box').delay(500).fadeIn(500);
},
success: function (data) {
$(".content_main").html(data)
浏览 1提问于2014-06-02得票数 0
1回答
我使用的是，jsonp，，除了一些函数外，所有的东西都是完美的跨域工作。像这样：
beforeSend:function(){
errobj.show();
errobj.html('<b>Loading...<\/b>');
},
它从不显示加载，如果我使用它跨域(子域)。此外，一些动画和显示和隐藏的东西从来不起作用。
有人对跨域ajax/jquery问题有任何了解吗？
浏览 7提问于2012-12-08得票数 0
回答已采纳
2回答
我需要在按钮点击后在jQuery函数中添加“加载”动画
所以，我有下一个函数：
function get_revpopup_cart( product_id, action, quantity ) {
quantity = typeof(quantity) != 'undefined' ? quantity : 1;
if ( action == "catalog" ) {
$.ajax({
url: 'index.php?route=checkout/cart/add',
浏览 0提问于2016-08-14得票数 0
回答已采纳
我想从jQuery的beforeSend拦截器返回一个承诺。基本上，我有一个注册为beforeSend的函数，它执行一些异步工作。我希望将AJAX请求推迟到异步工作完成后再执行。我知道我可以返回false来取消来自beforeSend的AJAX请求，但是延迟它又如何呢？
浏览 2提问于2015-07-30得票数 1
2回答
我知道标题不是很直观，所以我将尝试详细说明我的问题：
我正在创建一个jQuery插件来进行异步调用。例如，使用它，我可以使用以下命令创建一个post：
$("form").bindAjaxPost "post"
问题是，我想为这些事件(beforeSend、complete、success、error)创建回调，例如，命令看起来如下：
$("form").bindAjaxPost "post",
success: (data) -> console.log "user success #{data}"
浏览 4提问于2011-11-27得票数 4
回答已采纳
我在使用django-rest框架。
而且我必须在每个jquery发送之前添加X-CSRFToken头。
参考文献：
jQuery.ajaxSetup({
beforeSend: function(xhr, settings) {
if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", Cookies.get('csrftoken'));
}
浏览 1提问于2015-09-26得票数 1
回答已采纳
我在一个原型函数中使用一个。我希望用户能够将自己的complete和beforeSend函数传递到这个函数中。然后，这些用户函数应该从选项中提取出来，并放入我自己的beforeSend和complete函数中，这样我就可以在触发用户函数之前对它们进行一些系统填充。
我做这把小提琴是为了澄清。查看链接"With Options“是如何按预期工作的，而”没有选项“的链接则不是。点击它几次，看看我的意思：
function jBox() {
this.options = {
ajax: {
url: 'http://stephanwa
浏览 1提问于2014-08-08得票数 0
回答已采纳
有任何想法，为什么beforeSend不工作，我使用下面的代码点击事件？我想是window.location，但我怎么处理这个我不知道！？非常感谢，
"use strict";
(function ($, ns, w) {
$(document).ready(function () {
$.post(ns.validateField, { name: userName})
.done(function (data) {
window.location = ns.newUrl; // Fires b
浏览 2提问于2014-04-29得票数 2
jQuery Ajax中beforeSend函数的用途是什么？
如何使用jQuery函数？
我使用的是jQuery 1.6.0，并在服务器端使用Jersey API (Restful Web services)。
$.ajax({
type: "GET",
url:ajax_url,
dataType: "json",
contentType: "application/json",
async: false,
beforeSend: function (x
浏览 1提问于2012-06-12得票数 1
回答已采纳
我有一个jQuery ajax调用：
$.ajax({
url : 'my_action',
dataType: 'script',
beforeSend : function(){
if(1 == 1) //just an example
{
return false
}
},
complete: function(){
console.log('DONE');
}
});
如果条件返回true，但返回fals
浏览 0提问于2012-05-09得票数 46
回答已采纳
在用户使用ajax事件和回调(我不想使用同步ajax)确认beforeSend函数之前，我正在尝试检查internet连接。我相信在这里我遗漏了一些东西，因为pings一直在返回未定义的值，而不考虑回调。
我的回调函数是
function checkNetConnection(u, s, e) {
var c=0
$.ajax({
success: s(),
error: e,
url: u,
type: 'Get',
});
}
所以我创建了一个片段来显示两个ajax调用，其中一个只是一个
浏览 1提问于2017-09-01得票数 0
回答已采纳
我的MVC网站上有几个Ajax.BeginForm。同时，我需要处理Ajax调用的beforeSend事件。
因此，下面的代码适用于我的手动jquery调用，但它不适用于Ajax.BeginForm助手：
$.ajaxSetup({
'beforeSend': function (xhr) {
alert('');
}
});
在MVC Ajax.BeginForm上是否有处理beforeSend事件的方法？
-------------------------------------------EDIT
我需要前发送事件，因为我想
浏览 3提问于2014-02-20得票数 2
我有3个文件：
index.html.erb是我的主页
在索引内部，我呈现了一个部分的_relationship.html.erb，并且有一个包含以下行的表单：
<%= form_tag('/relationships/update/', :remote => true, :id => "relationships_form_#{@count}") do %>
我也有index.js.erb (relationship.html在index.html.erb中)
jQuery("#relationships_form_1"
浏览 2提问于2012-04-07得票数 4
回答已采纳
2回答
通常，当用户单击“保存”按钮时，它会弹出一个小的绿色框或某种动画，上面写着“成功保存”。我如何在AJAX的success中做这样的事情？
我使用.each()循环和wordpress对多个东西，你可以忽略它。
另外，我想知道我能不能让动画里面的按钮在事先，我已经尝试过.html()，但它不工作，它必须是.val()
jQuery：
jQuery.each( elements, function(text_name, text_number){
$('#' + text_name + '_save_button').on('click',
浏览 5提问于2015-04-10得票数 1
回答已采纳
为什么没有调用click函数？
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript" />
<script type="text/jav
浏览 3提问于2011-05-16得票数 3
我有一个消失的删除动画代码，我想让整个div "parent_parent“消失。
这是HTML
<div class="parent_parent">
<div class="parent">
<a href="?delete=1" class="delete_link"></a>
</div>
</div>
下面是让parent_parent div消失的jquery代码的一部分：
$(document).ready
浏览 1提问于2012-04-05得票数 2
回答已采纳
3回答
我尝试在ajaxsetup beforesend函数中使用settimeout，但似乎发生的情况是发送ajax并在超时后调用wait函数。我想在超时时间内停止发送请求
jQuery.ajaxSetup({
beforeSend: function(){
setTimeout(continueExecution,1000)
return true;
}
});
有没有人能建议我一种阻止从ajaxsetup发送请求的方法？
浏览 5提问于2015-05-08得票数 3
回答已采纳
我确信这一定是我的一个基本错误--但我完全看不出来。
我有一个jQuery UI对话框，我用它来显示一个编辑记录的表单。在html的底部(它本身是通过ajax加载的)，它有一个包含(动画加载gif)的div。加载的div在加载html之后被隐藏。
CSS将div放在右下角的绝对位置。
当对话框上的Save按钮被单击时，我调用一个函数来通过ajax保存信息。在ajax调用中，我有：
beforeSend: function() {
$("#ajaxLoading").show();
},
complete: function() {
浏览 5提问于2013-05-29得票数 0
1回答
以下是提交表单时应显示Ajax加载动画的简单代码：
var init = function() {
$("form").bind('ajax:beforeSend', function() {
$("#comments_loading").show();
});
$("form").bind('ajax:complete', function() {
$("#comments_loading").hide();
});
};
$(d
浏览 0提问于2012-07-18得票数 0
2回答
我正在尝试设置我的站点，以便通过javascript加载主区域中的内容(有些页面需要一段时间才能呈现)。但是，在使用jQuery.load()、jQuery.getScript和jQuery.ajax()时，我遇到了一些逻辑问题。
我需要能够通过getScript加载特定的javascript文件，以便在加载的内容中使用这些函数等。
正在显示的主文件(也包含#loading)js/script.js )--包含加载代码js/*.js的文件--我需要能够在加载load.php之后在#maincontent中使用的几个javascript文件--该文件被加载到#maincontent中
scrip
浏览 4提问于2011-04-30得票数 2
回答已采纳
2回答
我有一个通过发出Web API调用来填充集合的$.getJSON调用：
$.getJSON("/api/rating", self.ratings);
如果我想要添加$.ajax中的一些选项，比如beforeSend、data、success等，我该如何重写呢？
编辑:这两个我都试过了，都没有收到警报：
$.getJSON("/api/rating")
.beforeSend(function (xhr) {
alert("before");
浏览 3提问于2013-02-14得票数 0
回答已采纳
我使用jquery ajax发布表单数据。加载正在运行beforeSend()函数，但我希望延迟几秒钟并提交数据
$.ajax({
type : 'POST',
url : 'ajax_process_register.php',
data : data,
beforeSend: function()
{
//show loader untill getting the respons
浏览 8提问于2019-10-29得票数 0
如果某些条件为真，我将尝试使用beforeSend中止ajax调用。
只要我给jqXHR.abort()或return false打电话。
我得到跟随错误
TypeError: $.ajax(...).fail is not a function
.fail(function (jqXHR, textStatus, errorThrown) {
以下是javascript代码
$.ajax({
type: "POST",
beforeSend: function (jqXHR) {
浏览 5提问于2013-12-18得票数 0
回答已采纳
1回答
我正在尝试学习更多关于jquery自定义事件的知识，所以我编写了以下简单的代码来进行测试：
<!DOCTYPE html>
<html>
<head>
<title>Jquery custom events</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
浏览 1提问于2012-05-05得票数 1
1回答
我想知道是否可以为timeout库生成一个方法/扩展/更改，以便为所有$.ajax()调用指定要执行的方法，例如在jQuery :或beforeSend:语句中
浏览 1提问于2011-09-01得票数 0
回答已采纳
jQuery:如何为$.ajax({dataType:'jsonp'...启用beforeSend？有什么解决方案吗？
<div id="content"></div>
<script>
$.ajax({
type:"GET",
url:'http://lab.laukstein.com/ajax-seo/.json',
dataType:'jsonp',
async:false,
beforeSend:function(data){ //
浏览 2提问于2011-01-12得票数 2
回答已采纳
我是jquery星球的新手，我不知道如何解决我的问题。我读过所有类似问题的答案，但没有一个对我有用。我在MAC上工作，因此使用JQuery 2.1.1进行Safari，但最终我的平台将是在线共享的，并且必须与其他浏览器兼容。
用途：我想显示一个包含我加载动画的页面。但是，我的JQuery函数包含一个具有async:false模式的ajax可执行文件，以便能够返回执行的脚本的响应。所以我不能使用beforeSend和complete选项。我尝试使用我在这个上找到的解决方案。不幸的是，我的动画没有显示。
HTML:
<form id="myRun" method="p
浏览 1提问于2018-01-31得票数 5
回答已采纳
我有一个jQuery脚本，在这个脚本中，我调用了一个启动构建的Jenkins web服务器。这个构建需要n个时间来完成，我没有办法知道这一点。在Jenkins中，您可以通过查看该构建的JSON API来确定该构建是否已完成。您可以在此处查找键值"building“，如果为false，则知道构建已完成。在进行初始调用12秒后，我检查了这个对象。这12秒是我不想依赖的最好的猜测估计。
因此，我考虑将查询放在while循环中，并不断检查JSON对象，直到"building“的计算结果为false。但这会导致我的浏览器崩溃，因为它太多了。
除了执行setTimeout之外，还有其他方法
浏览 1提问于2014-06-13得票数 0
我使用ajax和jquery.append()，使用实现了无限滚动。如果ajax成功，jquery会向<ul>追加10个<li>元素。
Scroling工作正常(可以更快吗？)在Chrome和Firefox上，但在一些滚动后IE崩溃。关于如何避免IE崩溃，并可能提高性能有什么建议吗？
<li>元素包含以下内容：
<div class="post_div" align="left">
<div class="separator_div"></div>
<table
浏览 6提问于2012-09-17得票数 2
3回答
如何使用jQuery执行以下操作：
一些库通过$.ajax发送ajax请求--我需要捕获所有这些请求，并在某些情况下中止它们，而是传递另一个数据。
我发现，在jQuery 1.5中引入了新的方法，如ajaxPrefilter和ajaxTransport。我也尝试了ajaxSetup与beforeSend，但我不能达到两点以上的工作.
浏览 0提问于2011-02-03得票数 3
回答已采纳
我这里有一个小问题--我非常熟悉PHP，但我是一个涉及jquery和ajax的新手，我有一个问题，我现在已经咬牙一周了，所以我想知道你是否可以帮助我。我有一个大约25个字段的大表格填写用户，以便在我的网站上创建他们的个人资料页面。我正在使用jquery来验证所有必需的字段，并希望使用Ajax将数据发送到PHP，然后PHP将其插入到DB上的表中。问题是Ajax卡在"beforeSend“例程中，不会将字段的值发送给PHP，也不会插入任何内容。我做错了什么？
下面是我的代码：
(表单的id是"creaform“，代码包含一堆验证代码，它们都可以正常工作，与问题无关，所以我省略了这一
浏览 2提问于2014-08-13得票数 0
我对jquery不是很在行，也许这个标题没有很好地解释我想要做的事情，但这里是这样的：
$.ajax({
url: 'my_action',
dataType: 'script',
beforeSend: function() { //can i not just call a script here instead?
if (1 == 1) //just an example
{
return false
}
},
complete: functio
浏览 0提问于2012-06-19得票数 3
回答已采纳
2回答
在完成所有ajax调用之后，我正在尝试调用一个$.post函数。调用只是在一个连续循环上运行而被触发。
var jQuery_1_11_0 = $.noConflict(true);
jQuery_1_11_0(document).ready(function () {
var domain = '<?php echo $url; ?>';
// AJAX 1
$.ajax({
type: 'POST',
url: 'lib/ajax.html',
data: {/
浏览 6提问于2014-09-15得票数 2
回答已采纳
使用jQuery (v2.1.4)，这两种方法之间有什么区别吗？
1)
$.ajaxSetup({
beforeSend: function (jqXHR, settings) {
// whatever you need to do before
// any jQuery Ajax request is sent
}
});
2)
$(document).ajaxSend(function (event, jqXHR, settings) {
// whatever you need to do before
// any jQuery Ajax req
浏览 1提问于2015-09-17得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
