ajaxStart 和 ajaxSend 不执行

最新推荐文章于 2024-08-31 16:44:39 发布

转载最新推荐文章于 2024-08-31 16:44:39 发布 · 194 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/blon/p/4058120.html

本文详细介绍了在使用AJAX并发执行时遇到的loading效果问题，包括AJAX Start和AJAX Send两个全局事件的应用。特别强调了在页面加载时并发执行两个AJAX请求时，如何确保所有请求的loading效果都能正确触发。提供了解决方案，通过在其中一个请求中使用setTimeout延迟执行语句来确保所有请求都得到适当的loading效果响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们一般会在loading 效果的时候会用上这两个全局事件

ajaxStart 和 ajaxSend

但是要注意的是在同时有多个ajax 执行的时候ajaxStart 只会执行一次

所以一般情况下请用ajaxSend
不过 ajaxSend也有个比较坑的是----如果直接打开页面的时候有两个ajax需要执行，其中一个不会触发ajaxSend

请在其中一句加上这句话

setTimeout(function(){
　　.........
},1);

　　把你要执行的语句写在 settimeout 里面即可.

转载于:https://www.cnblogs.com/blon/p/4058120.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30565199

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jquery $.ajax各个事件执行顺序

10-28

与beforeSend和ajaxSend类似，ajaxError是一个全局事件，它在页面上的任何一个Ajax请求出现错误时触发，无论是在$.ajax调用中还是$.get或$.post等方法中。 ***plete（局部事件） complete事件在$.ajax请求无论成功...

jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序

10-22

2. ajaxSend：在发送Ajax请求之前触发。 3. ajaxSuccess：当Ajax请求成功完成后触发。 4. ajaxError：当Ajax请求失败时触发。 5. ajaxComplete：在Ajax请求完成后触发，无论成功还是失败。 6. ajaxStop：当所有Ajax...

参与评论您还未登录，请先登录后发表或查看评论

jQuery ajax请求 - ajaxStart() ajaxSend() ajaxStop() ajaxComplete()方法

yaogao000专栏

11-16

2076

jQuery ajax请求 - ajaxStart() ajaxSend() 方法 ajaxStart() 只对 ajax请求的第一次触发，而 ajaxSend()方法则会对所有ajax请求都会触发实例： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery

关于 ajaxSend和ajaxStop等系列的ajax事件不起作用

风一样的少年

01-15

665

ajaxSend和ajaxStop等系列的ajax事件不起作用，我纠结半天，发现是jquery版本的问题具体看下大神的文章吧，或者对比一下jquery1.8之前和之后的手册就明白了： http://www.365mini.com/page/jquery-ajaxsend.htm

jQuery 之 ajaxSend，ajaxSuccess 和 load 方法（16）

稚枭天卓

07-21

2060

jQuery ajaxSend() 方法 ajaxSend() 方法规定 AJAX 请求即将发送时运行的函数。注意：自 jQuery 版本 1.8 起，该方法只被附加到文档。语法 $(document).ajaxSend(function(event,xhr,options)) function(event,xhr,options) 必需。规定当请求成功时运行的函数。额外的参

jq中ajax,ajaxStart,ajaxStop,ajaxSend等一系列api

最新发布

ROYHJW040208_的博客

08-31

653

其中，在ajaxSetup的beforeSend方法中将token,Accept-Language设置。写了一个layui+php的项目，里面有用到ajaxSetup,于是就把一系列的都看了一遍！：允许你在Ajax请求发送到服务器之前，对请求选项进行预处理或修改。：在每个Ajax请求完成时触发，无论请求成功或失败。：在每个Ajax请求成功完成时触发。：在第一个Ajax请求开始时触发。：当所有Ajax请求都完成时触发。：在每个Ajax请求发送前触发。：在每个Ajax请求失败时触发。

jQuery的ajaxStart方法不执行的一些可能性

ctwen的专栏

01-07

513

一、jQuery1.8以上只能绑定到$(document)。 $(document).ajaxStart(function () {});

Jquery ajaxStart()与ajaxStop()方法(实例讲解)

10-26

除了 `ajaxStart()` 和 `ajaxStop()`，jQuery 还提供了一系列与Ajax相关的全局事件，如 `ajaxSend()`、`ajaxComplete()`、`ajaxSuccess()` 和 `ajaxError()`，它们分别在Ajax请求发送、完成、成功和出错时触发，为...

ajax beforesend 不执行,ajaxSetup（beforeSend不工作

weixin_39815600的博客

08-07

1041

登录远程aPI服务器并获取access_token后，我尝试为所有后续的ajax调用设置授权标头：.done(function (result) {console.log("GOT AUTHORIZATION");amplify.store( "tokens", { access_token: result.access_token, refresh_token: result.refresh_t...

jQuery的ajax钩子函数：ajaxStart（）、ajaxSend（）、ajaxSuccess（）、 ajaxError（）、ajaxComplete（）、ajaxStop（）

YY的博客

11-16

724

jQuery的ajax钩子函数：ajaxStart（）、ajaxSend（）、ajaxSuccess（）、ajaxError（）、ajaxComplete（）、ajaxStop（）

jQuery1.8以上，ajaxSend,ajaxStart等一系列事件要绑定在document上才有效果

weixin_30385925的博客

05-13

126

jQuery1.8以上，ajaxSend,ajaxStart等一系列事件要绑定在document上才有效果转载于:https://www.cnblogs.com/Aladingding/p/5488230.html

ajaxStart()与ajaxStop() | ajaxSend()与ajaxComplete() | ajaxError()

Fanbin168的专栏

04-17

3510

《1》 ajaxStart() 设置当前第一个AJAX请求开始时执行的处理函数。 ajaxSend() 设置在AJAX请求被发送前执行的处理函数。 ajaxComplete() 设置当AJAX请求完成(无论成功或失败)时执行的处理函数。 ajaxStop() 设置当前最后一个AJAX请求结束时执行的处理函数。请输入用户的ID编号:

ajaxError, ajaxComplete, ajaxSend, ajaxStart, ajaxStop, ajaxSuccess的语法及返回函数

stationalz的博客

07-13

1893

在AJAX的执行中，肯定会出现错误的事件，当请求信息失败的时候，我们会执行ajaxError的事件； ajaxError(callback)的语法如下： $("#msg").ajaxError(function(event, xhr, ajaxOptions, thrownError){ $(this

ajax中的open()和send()方法的区别

nn131452zk的专栏

07-19

6705

AJax中open()和send()的区别（1）用open可以指定get,post 一般情况下，使用Ajax提交的参数多是些简单的字符串，可以直接使用GET方法将要提交的参数写到open方法的url参数中，此时send方法的参数为null。例如： var url = "login.jsp?user=XXX&pwd=XXX"; x

jquery ajax beforeSend 提交等待失效问题

zimuxin的专栏

09-04

2521

需要使用异步加载async : true 否则不会出现等待效果 $(".log").click(function () { var html; var id = $(this).parents("tr").attr("data-id"); $.ajax({ url:DMSObj.baseUrl + 'admin/ajax/log', ...

ajax提交请求执行成功后不执行success，而是执行error

chen_NeverRetreat的博客

06-04

1797

js方法： //保存 function save() { $.ajax({ type:'POST', url:'<%=basePath%>user/addUser', data:$('#form1').serialize(), dataType: 'json', success:function(result) { alert(result.msg); }, error:func...