ajax 同步請求和異步請求的差異分析
更新時間：2011年07月04日 23:38:39 作者：
ajax 同步請求和異步請求的差異分析，需要的朋友可以參考下。
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 同步請求方式:
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同步
對于代碼二，為異步的ajax請求，執(zhí)行結果為：先執(zhí)行alert(2)再執(zhí)行alert(1), 異步的意思就是說一旦conn.open請求一發(fā)出，前端不去等待它的響應便執(zhí)行后面的代碼，所以alert(2)先執(zhí)行了，然后當響應response到達以后才執(zhí)行alert(1);
對于代碼一，為同步的ajax請求，執(zhí)行結果為：先執(zhí)行alert(1)再執(zhí)行alert(2), 同步的意思就是說一旦conn.open請求一發(fā)出，前端就去等待它的響應，響應完成以后，alert(1)先執(zhí)行了，然后alert(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 同步請求方式:
復制代碼 代碼如下:
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同步
對于代碼二，為異步的ajax請求，執(zhí)行結果為：先執(zhí)行alert(2)再執(zhí)行alert(1), 異步的意思就是說一旦conn.open請求一發(fā)出，前端不去等待它的響應便執(zhí)行后面的代碼，所以alert(2)先執(zhí)行了，然后當響應response到達以后才執(zhí)行alert(1);
對于代碼一，為同步的ajax請求，執(zhí)行結果為：先執(zhí)行alert(1)再執(zhí)行alert(2), 同步的意思就是說一旦conn.open請求一發(fā)出，前端就去等待它的響應，響應完成以后，alert(1)先執(zhí)行了，然后alert(2);
相關文章
其實這個效果不是什么難實現的效果，關鍵注意幾個地方就可以了2011-04-04
promise面試中經常會遇到的一個問題就是關于控制并發(fā)的，所以下面這篇文章主要給大家介紹了關于Promise面試題之控制并發(fā)的相關資料，需要的朋友可以參考下2021-05-05
下面小編就為大家?guī)硪黄猨s實現彈窗居中的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
使用javascript制作的2048小游戲非常好玩，有意思，下面給大家分享使用javascript代碼制作的2048游戲，需要的朋友參考下吧2016-03-03
當在使用流程的時候，比如有一個審核流程，有三個階段：開始，審核中，審核成功。當在不同的階段，做相應的進度顯示，當顯示時，是以動畫的形式顯示的。下面通過代碼給大家介紹JS實現帶動畫效果的流程進度條，感興趣的朋友一起看看吧2018-06-06
class是es6引入的最重要特性之一。在沒有class之前，我們只能通過原型鏈來模擬類。這篇文章我們將詳細的介紹關于ES6中CLASS的使用，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-11-11
彈幕是一個很常見的功能,這篇文章主要給大家介紹了關于如何利用原生js模擬直播彈幕滾動效果的相關資料,文章通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-07-07
這篇文章主要為大家介紹了Three.js中實現Bloom效果及完整示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
下面小編就為大家?guī)硪黄獪\談js的異步執(zhí)行。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了javaScript封裝的各種寫法,通過列舉優(yōu)缺點和使用場景詳細介紹了幾種封裝的格式,需要的朋友可以參考下2017-08-08