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

最新推荐文章于 2023-08-04 09:33:16 发布

转载最新推荐文章于 2023-08-04 09:33:16 发布 · 321 阅读

文章标签：

#ajax async #ajax #async

js 专栏收录该内容

7 篇文章

订阅专栏

本文详细解析了Ajax请求中同步与异步的区别，阐述了async参数如何控制请求方式，以及不同设置下对浏览器性能和用户体验的影响。通过示例说明了同步请求可能导致的浏览器锁定及闪屏问题。

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

原文地址：https://www.cnblogs.com/mmzuo-798/p/7098979.html

async. 默认是 true，即为异步方式，$.ajax执行后，会继续执行ajax后面的脚本，直到服务器端返回数据后，触发$.ajax里的success方法，这时候执行的是两个线程。

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