Ajax請求中async:false/true的作用分析

更新時間：2016年04月18日 10:14:28 作者：愛南方的春秋

這篇文章主要介紹了Ajax請求中async:false/true的作用,結(jié)合實例形式分析說明了Ajax請求中async:false/true的具體功能與使用技巧,需要的朋友可以參考下

本文實例分析了Ajax請求中async:false/true的作用。分享給大家供大家參考，具體如下：

test.html代碼：

<a href="javascript:void(0)" onmouseover="testAsync()">

asy.js代碼：

function testAsync(){
  var temp;
  $.ajax({
    async: false,
    type : "GET",
    url : 'tet.php',
    complete: function(msg){
      alert('complete');
    },
    success : function(data) {
      alert('success');
      temp=data;
    }
  });
  alert(temp+'  end');
}

tet.php代碼：

<?php
  echo "here is html code";
  sleep(5);
?>

async: false,（默認(rèn)是true）;

如上：false為同步，這個 testAsync()方法中的Ajax請求將整個瀏覽器鎖死，只有tet.php執(zhí)行結(jié)束后，才可以執(zhí)行其它操作。

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

如： alert(temp+' end');

然而，temp這個數(shù)據(jù)是在ajax請求success后才賦值的，結(jié)果，輸出時會為空。

更多關(guān)于ajax相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《JavaScript中ajax操作技巧總結(jié)》、《PHP+ajax技巧與應(yīng)用小結(jié)》和《asp.net ajax技巧總結(jié)專題》

希望本文所述對大家ajax程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

AJAX 請求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解
關(guān)于這個內(nèi)容,很多人都有所了解.但從我搜索的內(nèi)容來看,他們只是略微看一下,根本不知道里面到底是什么情況.
2011-06-06
Ajax獲取到數(shù)據(jù)放入echarts里不顯示的原因分析及解決辦法
在做一個需要用到echarts地圖的項目的時候，成功通過ajax獲取到了后臺提供的數(shù)據(jù)，并生成了想要的JSON串。但是，放到echarts option.series[0].data里，獲取不到數(shù)據(jù)。在生成的地圖上無法看到你從后臺獲取到的值，下面小編給大家分享我的解決辦法，需要的朋友參考下
2016-01-01
揭開AJAX神秘的面紗(AJAX個人學(xué)習(xí)筆記)
寫這個學(xué)習(xí)筆記，只是記載一下自己的學(xué)習(xí)經(jīng)過和體會，把一些學(xué)習(xí)重點記錄下來，以備今后的鞏固復(fù)習(xí)及應(yīng)用，很多知識點沒有詳細介紹，所以并不完全適用于初學(xué)者，如果你是初學(xué)者，最好選擇一本AJAX學(xué)習(xí)的書籍，然后與這篇學(xué)習(xí)筆記對照學(xué)習(xí)，效果會更好。
2009-09-09
Ajax 向數(shù)據(jù)庫修改和添加功能(較簡答)
這篇文章主要介紹了Ajax 向數(shù)據(jù)庫修改和添加功能(較簡答)，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03
Ajax結(jié)合php實現(xiàn)二級聯(lián)動
這篇文章主要為大家詳細介紹了Ajax結(jié)合php實現(xiàn)二級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
快速獲取Ajax通信對象的方法
下面小編就為大家?guī)硪黄焖佾@取Ajax通信對象的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
Ajax通過XML異步提交的方法實現(xiàn)從數(shù)據(jù)庫獲取省份和城市信息實現(xiàn)二級聯(lián)動(xml方法)
這篇文章主要介紹了Ajax通過XML異步提交的方法實現(xiàn)從數(shù)據(jù)庫獲取省份和城市信息實現(xiàn)二級聯(lián)動(xml方法)的相關(guān)資料,我們要根據(jù)異步提交，局部刷新的思想來實現(xiàn)來提高用戶交互問題，對ajax二級聯(lián)動效果感興趣的朋友一起看看吧
2016-11-11
一個簡單Ajax類庫及使用方法實例分析
這篇文章主要介紹了一個簡單Ajax類庫及使用方法,結(jié)合實例形式分析了ajax類庫的源碼與具體使用技巧,需要的朋友可以參考下
2016-04-04
Ajax對xml信息的接收和處理操作實例分析
這篇文章主要介紹了Ajax對xml信息的接收和處理操作,結(jié)合實例形式分析了ajax針對xml結(jié)構(gòu)信息的相關(guān)處理操作技巧,需要的朋友可以參考下
2019-07-07
Ajax bootstrap美化網(wǎng)頁并實現(xiàn)頁面的加載刪除與查看詳情
Bootstrap是Twitter推出的一個開源的用于前端開發(fā)的工具包,Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。下面通過本文給大家介紹Ajax bootstrap美化網(wǎng)頁并實現(xiàn)頁面的加載刪除與查看詳情,需要的朋友可以參考下
2017-03-03