快捷導(dǎo)航

ajax 同步請(qǐng)求和異步請(qǐng)求的差異分析

更新時(shí)間：2011年07月04日 23:38:39 作者：

ajax 同步請(qǐng)求和異步請(qǐng)求的差異分析，需要的朋友可以參考下。

ajax同步和異步的差異，先看2段代碼：
代碼一：

 
Synchronize = function(url,param) { 
function createXhrObject() { 
var http; 
var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ]; 
try { 
http = new XMLHttpRequest; 
} catch (e) { 
for (var i = 0; i < activeX.length; ++i) { 
try { 
http = new ActiveXObject(activeX[i]); 
break; 
} catch (e) {} 
} 
} finally { 
return http; 
} 
} 
var conn = createXhrObject(); 
conn.open("POST", url, false);//ajax同步 
conn.send(param); 
var strReturn = conn.responseText; 
alert("1"); 
if (strReturn != "") { 
return Ext.decode(conn.responseText); 
} else { 
return null; 
} 
alert("2"); 
}; 

代碼二：
Ajax 同步請(qǐng)求方式:

復(fù)制代碼代碼如下:

 
Synchronize = function(url,param) { 
function createXhrObject() { 
var http; 
var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ]; 
try { 
http = new XMLHttpRequest; 
} catch (e) { 
for (var i = 0; i < activeX.length; ++i) { 
try { 
http = new ActiveXObject(activeX[i]); 
break; 
} catch (e) {} 
} 
} finally { 
return http; 
} 
} 
var conn = createXhrObject(); 
conn.open("POST", url, true);//ajax異步 
conn.send(param); 
var strReturn = conn.responseText; 
alert("1"); 
if (strReturn != "") { 
return Ext.decode(conn.responseText); 
} else { 
return null; 
} 
alert("2"); 
}; 

同步和異步的差異如下：

conn.open('POST',Url,true); // ajax異步
conn.open('POST',Url,false); // ajax同步

對(duì)于代碼二，為異步的ajax請(qǐng)求，執(zhí)行結(jié)果為：先執(zhí)行alert(2)再執(zhí)行alert(1), 異步的意思就是說一旦conn.open請(qǐng)求一發(fā)出，前端不去等待它的響應(yīng)便執(zhí)行后面的代碼，所以alert(2)先執(zhí)行了，然后當(dāng)響應(yīng)response到達(dá)以后才執(zhí)行alert(1);

對(duì)于代碼一，為同步的ajax請(qǐng)求，執(zhí)行結(jié)果為：先執(zhí)行alert(1)再執(zhí)行alert(2), 同步的意思就是說一旦conn.open請(qǐng)求一發(fā)出，前端就去等待它的響應(yīng)，響應(yīng)完成以后，alert(1)先執(zhí)行了，然后alert(2);

您可能感興趣的文章: