昨天下午做項(xiàng)目遇到一個(gè)問題，貼出來方便以后翻閱，也給大家個(gè)參考。
問題：
具體做的是個(gè)文件導(dǎo)入的功能，導(dǎo)入的功能是成功了，但是界面一直得不到返回值，排查了一下午，調(diào)試的時(shí)候是可以有返回的，但是關(guān)掉瀏覽器調(diào)試界面，卻得不到返回結(jié)果。
原因：
一直以為是我后臺(tái)程序有問題，晚上回到家才想起來ajax的問題，把a(bǔ)jax的異步處理改為同步，就出來效果了，具體的原因請(qǐng)看下文詳解。
jquery中ajax方法有個(gè)屬性async用于控制同步和異步，默認(rèn)是true,即ajax請(qǐng)求默認(rèn)是異步請(qǐng)求，有時(shí)項(xiàng)目中會(huì)用到ajax同步。這個(gè)同步的意思是當(dāng)js代碼加載到當(dāng)前ajax的時(shí)候會(huì)把頁面里所有的代碼停止加載，頁面出現(xiàn)假死狀態(tài)，當(dāng)這個(gè)ajax執(zhí)行完畢后才會(huì)繼續(xù)運(yùn)行其他代碼頁面假死狀態(tài)解除。而異步則這個(gè)ajax代碼運(yùn)行中的時(shí)候其他代碼一樣可以運(yùn)行。
ajax中async這個(gè)屬性，用于控制請(qǐng)求數(shù)據(jù)的方式，默認(rèn)是true，即默認(rèn)以異步的方式請(qǐng)求數(shù)據(jù)。
一、async值為true （異步）
當(dāng)ajax發(fā)送請(qǐng)求后，在等待server端返回的這個(gè)過程中，前臺(tái)會(huì)繼續(xù) 執(zhí)行ajax塊后面的腳本，直到server端返回正確的結(jié)果才會(huì)去執(zhí)行success，也就是說這時(shí)候執(zhí)行的是兩個(gè)線程，ajax塊發(fā)出請(qǐng)求后一個(gè)線程 和ajax塊后面的腳本（另一個(gè)線程）
$.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ā)出請(qǐng)求后，他將停留function1()，等待server端的返回，但同時(shí)（在這個(gè)等待過程中），前臺(tái)會(huì)去執(zhí)行function2()。
二、async值為false （同步）
當(dāng)執(zhí)行當(dāng)前ajax的時(shí)候會(huì)停止執(zhí)行后面的js代碼，直到ajax執(zhí)行完畢后時(shí)，才能繼續(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時(shí)，這時(shí)ajax的請(qǐng)求時(shí)同步的，也就是說，這個(gè)時(shí)候ajax塊發(fā)出請(qǐng)求后，他會(huì)等待在function1（）這個(gè)地方，不會(huì)去執(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;
在異步時(shí)才可以用xmlhttpreq.onreadystatechange狀態(tài)值！下面是異步和同步的不同調(diào)用方式：
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){
******
}
}
}
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，因?yàn)閳?zhí)行完send后，開始執(zhí)行onreadystatechange，程序會(huì)等到onreadystatechange都執(zhí)行完，取得responsetext后才會(huì)繼續(xù)執(zhí)行下一條語句，所以returnvalue一定有值。
如果是異步(true)，返回值一定是null，因?yàn)槌绦驁?zhí)行完send后不等xmlhttp的響應(yīng)，而繼續(xù)執(zhí)行下一條語句，所以returnvalue還沒有來的及變化就已經(jīng)返回null了。
所有如果想獲得xmlhttp返回值必須用同步，異步無法得到返回值。
同步異步使用xmlhttp池時(shí)都要注意：取得xmlhttp時(shí)只能新建xmlhttp，不能從池中取出已用過的xmlhttp，因?yàn)楸皇褂眠^的xmlhttp的readystate為4，所以同步異步都會(huì)send但不執(zhí)行onreadystatechange。
以上這篇解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持碩編程。
學(xué)習(xí)AJAX