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

最新推荐文章于 2021-07-13 23:22:24 发布

zhuanghw全栈工程师

最新推荐文章于 2021-07-13 23:22:24 发布

阅读量297

点赞数

分类专栏： Ajax 文章标签： ajax

本文链接：https://blog.csdn.net/zhw0596/article/details/87647827

版权

Ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

官方的解释是：http://api.jquery.com/jQuery.ajax/

async Boolean Default: true

By default, all requests are sent asynchronous (e.g. this is set to true by default). If you need synchronous requests, set this option to false. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.

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