首页  >  文章  >  web前端  >  ajax中async有什么作用

ajax中async有什么作用

WBOY
WBOY原创
2021-12-23 11:39:094001浏览

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

ajax中async有什么作用

本文操作环境: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有什么作用的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn