細(xì)數(shù)Ajax請求中的async:false和async:true的差異
實(shí)例如下：
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,（默認(rèn)是true）;
當(dāng)async: false為同步，這個(gè) test()方法中的Ajax請求將整個(gè)瀏覽器鎖死，
只有userL_checkPhone.do執(zhí)行結(jié)束后，才可以執(zhí)行其它操作。
所以執(zhí)行結(jié)果是先alert('success'); alert('complete'); alert("aa");
當(dāng)async: true 時(shí)，ajax請求是異步的。但是其中有個(gè)問題：test()中的ajax請求和其后面的操作是異步執(zhí)行的，那么當(dāng)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";
以上這篇細(xì)數(shù)Ajax請求中的async:false和async:true的差異就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用Ajax技術(shù)通過XMLHttpRequest對象完成首頁登錄功能
這篇文章主要介紹了使用Ajax技術(shù)通過XMLHttpRequest對象完成首頁登錄功能,很不錯的嘗試，需要的朋友可以參考下2014-08-08
登錄超時(shí)給出提示跳到登錄頁面（ajax、導(dǎo)入、導(dǎo)出）
這篇文章主要介紹了登錄超時(shí)給出提示跳到登錄頁面（ajax、導(dǎo)入、導(dǎo)出）的相關(guān)資料,需要的朋友可以參考下2016-02-02
Ajax的小貼士使用小結(jié)...2007-10-10
使用getJSON()異步請求服務(wù)器返回json格式數(shù)據(jù)的實(shí)現(xiàn)
下面小編就為大家?guī)硪黄褂胓etJSON()異步請求服務(wù)器返回json格式數(shù)據(jù)的實(shí)現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
最近在做支付時(shí)發(fā)現(xiàn)打開支付窗口時(shí)被瀏覽器攔截了，怎么回事呢？下面小編給大家分享Ajax打開新窗口被瀏覽器攔截的兩種解決辦法，一起看看吧2017-01-01
Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程，希望本文對廣大php開發(fā)者有所幫助，感謝閱讀本文2014-01-01
ajaxFileupload實(shí)現(xiàn)多文件上傳功能
這篇文章主要為大家詳細(xì)介紹了ajaxFileupload實(shí)現(xiàn)多文件上傳功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
jQuery Ajax使用心得詳細(xì)整理及注意事項(xiàng)
jQuery Ajax相關(guān)文章想必大家在網(wǎng)上面已經(jīng)看到了很多，本文主要目的是整理jQuery Ajax相關(guān)內(nèi)容，感興趣的朋友可以了解下，或許本文對你有所幫助2013-02-02
AJAX的阻塞及跨域名解析...2007-07-07
下面小編就為大家?guī)硪黄鶤JAX封裝的簡單實(shí)現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07