Ajax请求中的async:false/true(同步/异步)的作用
程序员文章站
2022-07-05 17:32:42
async. 默认是true,即为异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的是两个线程。若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完 ......
async. 默认是true,即为异步方式,$.ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.ajax里的success方法,这时候执行的是两个线程。若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
下面查看一个示例:
1 var temp; 2 $.ajax({ 3 4 async: false, 5 type : "post", 6 url : defaultpostdata.url, 7 datatype : 'json', 8 success : function(data) 9 { 10 11 temp=data; 12 } 13 14 }); 15 16 alert(temp);
这个ajax请求为同步请求,在没有返回值之前,alert(temp)是不会执行的。
如果async设置为:true,则不会等待ajax请求返回的结果,会直接执行ajax后面的语句。
不过上面设置同步请求的方法,有网友曾经反馈将async设成false后, 原意是想返回数据了再执行$.ajax后面的脚本, 没想到这个地方却导致了在火狐浏览器下出现闪屏(firefox 11.0),滚动条下拉到底部触发ajax的情况。最后只能将async:false注释掉, 也就是async为ture的情况下,成功解决了火狐浏览器滚动条下拉到底部触发ajax出现闪屏的问题。
推荐阅读
-
ajax中的async属性值之同步和异步及同步和异步区别
-
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
-
Ajax请求中async:false/true的作用分析
-
细数Ajax请求中的async:false和async:true的差异
-
Ajax请求中的async:false/true(同步/异步)的作用
-
Ajax请求中的异步与同步,需要注意的地方说明
-
ajax中的async属性值之同步和异步及同步和异步区别
-
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
-
Ajax请求中async:false/true的作用分析
-
细数Ajax请求中的async:false和async:true的差异