ajax中async有什么作用

ajax中async有什么作用,第1张

ajax中async有什么作用

ajax中async用于设置用异步或同步方式执行脚本;async属性值默认true时是异步方式,“$.Ajax”执行后,会继续执行ajax后面的脚本,当其属性值设置为false时,同步请求将锁住浏览器,用户其它 *** 作必须等待请求完成后执行。

本文 *** 作环境:windows10系统、javascript1.8.5&&html5版、Dell G3电脑。

ajax中async有什么作用

async. 默认是true,即为异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的是两个线程。若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它 *** 作必须等待请求完成才可以执行。

下面查看一个示例:

var temp;
$.ajax({
async: false,
type : "POST",
 url : defaultPostData.url,
  dataType : 'json',
   success : function(data) 
   {
       temp=data;
    }
 });
 alert(temp);

这个ajax请求为同步请求,在没有返回值之前,alert(temp)是不会执行的。

如果async设置为:true,则不会等待ajax请求返回的结果,会直接执行ajax后面的语句。

不过上面设置同步请求的方法,有网友曾经反馈将async设成false后, 原意是想返回数据了再执行$.Ajax后面的脚本, 没想到这个地方却导致了在火狐浏览器下出现闪屏(Firefox 11.0),滚动条下拉到底部触发ajax的情况。最后只能将async:false注释掉, 也就是async为ture的情况下,成功解决了火狐浏览器滚动条下拉到底部触发ajax出现闪屏的问题。

【相关教程推荐:AJAX视频教程】

以上就是ajax中async有什么作用的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/698871.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-22
下一篇 2022-04-22

发表评论

登录后才能评论

评论列表(0条)

保存