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

前言：

　　昨天在做倒计时修改的时候，发现多次点击按钮，我明明做了限制，点击多次的时候发现怎么都会请求了两次，然后我写的是请求成功添加文字，结果总是会添加两次文字，

说明ajax请求了两次了，在网上查了下跟异步有点关系，没办法，我把ajax异步改成同步了，结果就可以了，我想要的文字也是只会添加一行了！下面关于ajax 的 async:false/true

的作用整理下：

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

赏 支付宝打赏 微信打赏

如果文章或资源对您有帮助，欢迎打赏作者。一路走来，感谢有您！