jquery中ajax方法有個屬性async用于控制同步和異步，默認(rèn)是true,即ajax請求默認(rèn)是異步請求，有時項目中會用到AJAX同步。這個同步的意思是當(dāng)JS代碼加載到當(dāng)前AJAX的時候會把頁面里所有的代碼停止加載，頁面出現(xiàn)假死狀態(tài)，當(dāng)這個AJAX執(zhí)行完畢后才會繼續(xù)運(yùn)行其他代碼頁面假死狀態(tài)解除。而異步則這個AJAX代碼運(yùn)行中的時候其他代碼一樣可以運(yùn)行。
ajax中async這個屬性，用于控制請求數(shù)據(jù)的方式，默認(rèn)是true，即默認(rèn)以異步的方式請求數(shù)據(jù)。
一、async值為true （異步）
當(dāng)ajax發(fā)送請求后，在等待server端返回的這個過程中，前臺會繼續(xù) 執(zhí)行ajax塊后面的腳本，直到server端返回正確的結(jié)果才會去執(zhí)行success，也就是說這時候執(zhí)行的是兩個線程，ajax塊發(fā)出請求后一個線程 和ajax塊后面的腳本（另一個線程）
例如
$.ajax({
type:"POST",
url:"Venue.aspx?act=init",
dataType:"html",
success:function(result){ //function1()
f1();
f2();
}
failure:function (result) {
alert('Failed');
},
}
function2();
在上例中，當(dāng)ajax塊發(fā)出請求后，他將停留function1()，等待server端的返回，但同時（在這個等待過程中），前臺會去執(zhí)行function2()。
二、async值為false （同步）
當(dāng)執(zhí)行當(dāng)前AJAX的時候會停止執(zhí)行后面的JS代碼，直到AJAX執(zhí)行完畢后時，才能繼續(xù)執(zhí)行后面的JS代碼。
例如
$.ajax({
type:"POST",
url:"Venue.aspx?act=init",
dataType:"html",
async: false,
success:function(result){ //function1()
f1();
f2();
}
failure:function (result) {
alert('Failed');
},
}
function2();
當(dāng)把a(bǔ)syn設(shè)為false時，這時ajax的請求時同步的，也就是說，這個時候ajax塊發(fā)出請求后，他會等待在function1（）這個地方，不會去執(zhí)行function2()，直到function1()部分執(zhí)行完畢。
Ajax同步與異步的區(qū)別
var returnValue = null;
xmlhttp = createXmlHttp();
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState == 4 xmlhttp.status == 200) {
if (xmlhttp.responseText == "true") {
returnValue = "true";
}
else {
returnValue = "false";
}
}
};
xmlhttp.open("Post",url,true); //異步傳輸
xmlhttp.setRequestHeader("If-Modified-Since","0"); //不緩存Ajax
xmlhttp.send(sendStr);
return returnValue;
在異步時才可以用xmlHttpReq.onreadystatechange狀態(tài)值！下面是異步和同步的不同調(diào)用方式：
Java
xmlHttpReq.open("GET",url,true);//異步方式
xmlHttpReq.onreadystatechange = showResult; //showResult是回調(diào)函數(shù)名
xmlHttpReq.send(null);
function showResult(){
if(xmlHttpReq.readyState == 4){
if(xmlHttpReq.status == 200){
******
}
}
}
Java
xmlHttpReq.open("GET",url,false);//同步方式
xmlHttpReq.send(null);
showResult(); //showResult雖然是回調(diào)函數(shù)名但是具體用法不一樣~
function showResult(){
//if(xmlHttpReq.readyState == 4){ 這里就不用了，直接dosomething吧~
//if(xmlHttpReq.status == 200){
******//dosomething
//}
//}
}
xmlhttp.open("Post",url,true);
如果是同步(false)，返回值是true或false，因為執(zhí)行完send后，開始執(zhí)行onreadystatechange，程序會等到onreadystatechange都執(zhí)行完，取得responseText后才會繼續(xù)執(zhí)行下一條語句，所以returnValue一定有值。
如果是異步(true)，返回值一定是null，因為程序執(zhí)行完send后不等xmlhttp的響應(yīng)，而繼續(xù)執(zhí)行下一條語句，所以returnValue還沒有來的及變化就已經(jīng)返回null了。
所有如果想獲得xmlhttp返回值必須用同步，異步無法得到返回值。
同步異步使用xmlhttp池時都要注意：取得xmlhttp時只能新建xmlhttp，不能從池中取出已用過的xmlhttp，因為被使用過的xmlhttp的readyState為4，所以同步異步都會send但不執(zhí)行onreadystatechange。
您可能感興趣的文章:- Ajax請求中async:false/true的作用分析
- jquery ajax屬性async(同步異步)示例
- 淺談Jquery中Ajax異步請求中的async參數(shù)的作用
- jQuery中的ajax async同步和異步詳解
- jQuery ajax 當(dāng)async為false時解決同步操作失敗的問題
- 淺談js的ajax的異步和同步請求的問題
- 細(xì)數(shù)Ajax請求中的async:false和async:true的差異
