Ajax请求中的async:false/true的作用

最新推荐文章于 2021-08-05 17:51:06 发布

彧卿丶

最新推荐文章于 2021-08-05 17:51:06 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax

本文链接：https://blog.youkuaiyun.com/Asa_Prince/article/details/83015958

Ajax 专栏收录该内容

3 篇文章

订阅专栏

本文详细解析了Ajax中同步（sync）与异步（async）请求的区别，阐述了两者在实际应用中的表现，特别是在不同浏览器环境下的行为差异。通过示例说明了设置async参数对脚本执行流程的影响，并探讨了同步请求可能导致的用户体验问题。

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

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

下面查看一个示例：

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出现闪屏的问题。