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傳遞中文參數(shù)到后臺(tái)亂碼的有效解決方法
使用Ajax傳遞中文參數(shù),如果不對(duì)參數(shù)進(jìn)行處理的話,傳到后臺(tái)會(huì)變成亂碼,解決方法很簡(jiǎn)單,需要的朋友可以參考下本文2014-05-05Ajax實(shí)現(xiàn)關(guān)鍵字聯(lián)想和自動(dòng)補(bǔ)全功能及遇到坑
這篇文章主要介紹了Ajax實(shí)現(xiàn)關(guān)鍵字聯(lián)想和自動(dòng)補(bǔ)全功能,實(shí)現(xiàn)代碼包括前端部分和后端部分,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08分享Ajax創(chuàng)建簡(jiǎn)單實(shí)例代碼
這篇文章主要為大家分享了Ajax創(chuàng)建簡(jiǎn)單實(shí)例代碼,學(xué)習(xí)Ajax如何創(chuàng)建簡(jiǎn)單實(shí)例,感興趣的小伙伴們可以參考一下2015-12-12ajax類AJAXRequest v0.8.01 2008-01-31 最新版附使用幫助
2008-02-02php+ajax實(shí)現(xiàn)帶進(jìn)度條的大數(shù)據(jù)排隊(duì)導(dǎo)出思路以及源碼
最近在做一個(gè)項(xiàng)目,我們現(xiàn)在有很多數(shù)據(jù),分表存放,項(xiàng)目要求在導(dǎo)出的時(shí)候需要有進(jìn)度條。經(jīng)過(guò)一番思索,完成了一下內(nèi)容,分享給大家。最后面有完整代碼。2014-05-05ajax請(qǐng)求json數(shù)據(jù)案例詳解
最近項(xiàng)目有這樣一個(gè)需求,點(diǎn)擊六大洲,出現(xiàn)對(duì)應(yīng)的一些請(qǐng)求信息,展示在下面,當(dāng)請(qǐng)求之后,第二次點(diǎn)擊就不用再次請(qǐng)求了,究竟用代碼怎么寫呢,下面小編帶領(lǐng)大家了解了解2015-09-09利用AJAX實(shí)現(xiàn)鼠標(biāo)懸浮獲取值的代碼
ajax實(shí)現(xiàn)將鼠標(biāo)放到圖標(biāo)上,下方會(huì)顯示和該圖有關(guān)的信息2009-12-12