async: false 实现AJAX同步请求 ( $.ajax同步/异步(async:false/true) )

Posted xc_flying

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了async: false 实现AJAX同步请求 ( $.ajax同步/异步(async:false/true) )相关的知识,希望对你有一定的参考价值。

虽然说ajax用来执行异步请求的比较多,但有时还是存在需要同步执行的情况的。

比如:我需要通过ajax取执行请求以返回一个值,这个值在ajax后面是需要使用到的,这时就不能用异步请求了。这时候就需要使用到async这个属性了。

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后面的语句:alert(temp);

 

个人理解:  同步请求的适用场景==你需要锁定浏览器窗口,让用户在请求未完成时不能进行任何操作。

以上是关于async: false 实现AJAX同步请求 ( $.ajax同步/异步(async:false/true) )的主要内容,如果未能解决你的问题,请参考以下文章

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

jQuery的ajax,当async为false时,同步操作失败。解决方式

Ajax同步与异步

设置ajax 同步执行

$.ajax async同步加载

如何设置jquery的ajax方法为同步