码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-02-24 18:04:37      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:完成   线程   服务   执行   class   通过   默认   rip   asc   

虽然说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) )

标签:完成   线程   服务   执行   class   通过   默认   rip   asc   

原文地址:https://www.cnblogs.com/xie-xiao-chao/p/8466674.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!