Ajax請(qǐng)求中async:false/true的作用分析
本文實(shí)例分析了Ajax請(qǐng)求中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為同步，這個(gè) testAsync()方法中的Ajax請(qǐng)求將整個(gè)瀏覽器鎖死，只有tet.php執(zhí)行結(jié)束后，才可以執(zhí)行其它操作。
當(dāng)async: true 時(shí)，ajax請(qǐng)求是異步的。但是其中有個(gè)問(wèn)題：testAsync()中的ajax請(qǐng)求和其后面的操作是異步執(zhí)行的，那么當(dāng)tet.php還未執(zhí)行完，就可能已經(jīng)執(zhí)行了 ajax請(qǐng)求后面的操作，
如： alert(temp+' end');
然而，temp這個(gè)數(shù)據(jù)是在ajax請(qǐng)求success后才賦值的，結(jié)果，輸出時(shí)會(huì)為空。
更多關(guān)于ajax相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《JavaScript中ajax操作技巧總結(jié)》、《PHP+ajax技巧與應(yīng)用小結(jié)》和《asp.net ajax技巧總結(jié)專題》
希望本文所述對(duì)大家ajax程序設(shè)計(jì)有所幫助。
相關(guān)文章
![AJAX 請(qǐng)求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解](http://img.jbzj.com/images/xgimg/bcimg0.png)
AJAX 請(qǐng)求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解
關(guān)于這個(gè)內(nèi)容,很多人都有所了解.但從我搜索的內(nèi)容來(lái)看,他們只是略微看一下,根本不知道里面到底是什么情況.2011-06-06
Ajax獲取到數(shù)據(jù)放入echarts里不顯示的原因分析及解決辦法
在做一個(gè)需要用到echarts地圖的項(xiàng)目的時(shí)候，成功通過(guò)ajax獲取到了后臺(tái)提供的數(shù)據(jù)，并生成了想要的JSON串。但是，放到echarts option.series[0].data里，獲取不到數(shù)據(jù)。在生成的地圖上無(wú)法看到你從后臺(tái)獲取到的值，下面小編給大家分享我的解決辦法，需要的朋友參考下2016-01-01
揭開AJAX神秘的面紗(AJAX個(gè)人學(xué)習(xí)筆記)
寫這個(gè)學(xué)習(xí)筆記，只是記載一下自己的學(xué)習(xí)經(jīng)過(guò)和體會(huì)，把一些學(xué)習(xí)重點(diǎn)記錄下來(lái)，以備今后的鞏固復(fù)習(xí)及應(yīng)用，很多知識(shí)點(diǎn)沒(méi)有詳細(xì)介紹，所以并不完全適用于初學(xué)者，如果你是初學(xué)者，最好選擇一本AJAX學(xué)習(xí)的書籍，然后與這篇學(xué)習(xí)筆記對(duì)照學(xué)習(xí)，效果會(huì)更好。2009-09-09
Ajax 向數(shù)據(jù)庫(kù)修改和添加功能(較簡(jiǎn)答)
這篇文章主要介紹了Ajax 向數(shù)據(jù)庫(kù)修改和添加功能(較簡(jiǎn)答)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
Ajax結(jié)合php實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了Ajax結(jié)合php實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
下面小編就為大家?guī)?lái)一篇快速獲取Ajax通信對(duì)象的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
Ajax通過(guò)XML異步提交的方法實(shí)現(xiàn)從數(shù)據(jù)庫(kù)獲取省份和城市信息實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)(xml方法)
這篇文章主要介紹了Ajax通過(guò)XML異步提交的方法實(shí)現(xiàn)從數(shù)據(jù)庫(kù)獲取省份和城市信息實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)(xml方法)的相關(guān)資料,我們要根據(jù)異步提交，局部刷新的思想來(lái)實(shí)現(xiàn)來(lái)提高用戶交互問(wèn)題，對(duì)ajax二級(jí)聯(lián)動(dòng)效果感興趣的朋友一起看看吧2016-11-11
一個(gè)簡(jiǎn)單Ajax類庫(kù)及使用方法實(shí)例分析
這篇文章主要介紹了一個(gè)簡(jiǎn)單Ajax類庫(kù)及使用方法,結(jié)合實(shí)例形式分析了ajax類庫(kù)的源碼與具體使用技巧,需要的朋友可以參考下2016-04-04
Ajax對(duì)xml信息的接收和處理操作實(shí)例分析
這篇文章主要介紹了Ajax對(duì)xml信息的接收和處理操作,結(jié)合實(shí)例形式分析了ajax針對(duì)xml結(jié)構(gòu)信息的相關(guān)處理操作技巧,需要的朋友可以參考下2019-07-07
Ajax bootstrap美化網(wǎng)頁(yè)并實(shí)現(xiàn)頁(yè)面的加載刪除與查看詳情
Bootstrap是Twitter推出的一個(gè)開源的用于前端開發(fā)的工具包,Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語(yǔ)言Less寫成。下面通過(guò)本文給大家介紹Ajax bootstrap美化網(wǎng)頁(yè)并實(shí)現(xiàn)頁(yè)面的加載刪除與查看詳情,需要的朋友可以參考下2017-03-03