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

╰+攻爆jí腚メ 2022-12-16 06:55 57阅读 0赞

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

--------------------

转载：[Ajax请求中的async:false/true的作用][Ajax_async_false_true]

前言：

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

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

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

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

参考：

\[1\]. [Ajax教程][Ajax]

[Ajax_async_false_true]: https://www.cnblogs.com/mmzuo-798/p/7098979.html
[Ajax]: https://www.runoob.com/ajax/ajax-tutorial.html