細數(shù)Ajax請求中的async:false和async:true的差異

更新時間：2017年02月10日 09:43:23 投稿：jingxian

下面小編就為大家?guī)硪黄殧?shù)Ajax請求中的async:false和async:true的差異。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

實例如下：

function test(){
  var temp="00";
  $.ajax({
    async: false,
    type : "GET",
    url : 'userL_checkPhone.do',
    complete: function(msg){
      alert('complete');
    },
    success : function(data) {
      alert('success');
      temp=data;
      temp="aa";
    }
  });
  alert(temp);
  }

UserLAction中checkPhone()方法

  public void checkPhone() throws IOException {
    this.getServletResponse().setContentType("text/html; charset=UTF-8");
    this.getServletResponse().setHeader("Cache-Control", "no-cache");
    PrintWriter out = this.getServletResponse().getWriter();
    out.print("true");

  }

async: false,（默認是true）;

當async: false為同步，這個 test()方法中的Ajax請求將整個瀏覽器鎖死，

只有userL_checkPhone.do執(zhí)行結(jié)束后，才可以執(zhí)行其它操作。

所以執(zhí)行結(jié)果是先alert('success'); alert('complete'); alert("aa");

當async: true 時，ajax請求是異步的。但是其中有個問題：test()中的ajax請求和其后面的操作是異步執(zhí)行的，那么當userL_checkPhone.do還未執(zhí)行完，就可能已經(jīng)執(zhí)行了 ajax請求后面的操作，

所以結(jié)果是alert('success'); alert('complete'); alert("00");

這樣就會發(fā)現(xiàn)alert("success")和alert(temp)幾乎是同步執(zhí)行，所以temp就是初始化的值temp = "00",而不是 temp="aa";

以上這篇細數(shù)Ajax請求中的async:false和async:true的差異就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實現(xiàn)方法
這篇文章主要介紹了Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實現(xiàn)方法,需要的朋友可以參考下
2017-01-01
Ajax和$.ajax使用實例詳解(推薦)
本文通過三個實例給大家講解了Ajax和$.ajax使用實例詳解，非常不錯，具有參考借鑒價值，需要的朋友參考下
2017-02-02
深入剖析$.ajax()方法
下面小編就為大家?guī)硪黄钊肫饰?.ajax()方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
2016-04-04
javascript 拖動_cookie_ajax等
比較實用的js拖動效果代碼。類的寫法不錯，是個不錯的應用
2008-06-06
AJAX 請求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解
關于這個內(nèi)容,很多人都有所了解.但從我搜索的內(nèi)容來看,他們只是略微看一下,根本不知道里面到底是什么情況.
2011-06-06
ajax提交加載進度條示例代碼
提交加載進度條的實現(xiàn)方法有很多，在本文將為大家詳細介紹下，使用ajax是如何實現(xiàn)的，下面有個不錯的示例，大家可以感受下
2013-10-10
ajax動態(tài)獲取數(shù)據(jù)庫中的數(shù)據(jù)方法
今天小編就為大家分享一篇ajax動態(tài)獲取數(shù)據(jù)庫中的數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
js實現(xiàn)簡單實用的AJAX完整實例
這篇文章主要介紹了js實現(xiàn)簡單實用的AJAX的方法,以完整實例形式分析了ajax無刷新調(diào)用的具體實現(xiàn)步驟與相關技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下
2016-02-02
利用XMLHTTP實現(xiàn)的二級連動Select
利用XMLHTTP實現(xiàn)的二級連動Select...
2006-09-09
AJAX跨域請求數(shù)據(jù)的四種方法(實例講解)
下面小編就為大家?guī)硪黄狝JAX跨域請求數(shù)據(jù)的四種方法(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07