美文网首页
ajax之async属性

ajax之async属性

作者: 独行侠_ef93 | 来源:发表于2019-02-06 15:37 被阅读0次

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

官方的解释是: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出现闪屏的问题。

转载请标明出处:http://www.penglig.com/post-172.html

相关文章

  • ajax之async属性

    Ajax请求中的async:false/true的作用 官方的解释是:http://api.jquery.com/...

  • ajax之async属性

    Ajax请求中的async:false/true的作用 官方的解释是:http://api.jquery.com/...

  • ajax中的async属性值之同步和异步及同步和异步区别

    jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时...

  • ajax异步

    ajax异步和同步的设置 属性字段:async,参数为boolean类型。false代表同步,true代表异步

  • AJAX 教程

    AJAX 教程 jQuery - AJAX 简介:AJAX = 异步 JavaScript 和 XML(Async...

  • 2016-08-18 短信接口、ajax请求

    短信接口、ajax请求 ajax请求 $.ajax()方法详解 url type timeout: async: ...

  • Ajax和跨域总结

    Ajax(JavaScript实现) 简介 Ajax(Async Javascript And Xml):异步Js...

  • 基础知识1 ajax请求是否是异步

    async 异步 async:false 同步 当执行当前AJAX的时候会停止执行后面的JS代码,直到AJAX执行...

  • JavaScript异步加载的3种方式

    方案一、