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í)行結(jié)果為：先執(zhí)行alert(2)再執(zhí)行alert(1), 異步的意思就是說一旦conn.open請求一發(fā)出，前端不去等待它的響應(yīng)便執(zhí)行后面的代碼，所以alert(2)先執(zhí)行了，然后當(dāng)響應(yīng)response到達(dá)以后才執(zhí)行alert(1);
對于代碼一，為同步的ajax請求，執(zhí)行結(jié)果為：先執(zhí)行alert(1)再執(zhí)行alert(2), 同步的意思就是說一旦conn.open請求一發(fā)出，前端就去等待它的響應(yīng)，響應(yīng)完成以后，alert(1)先執(zhí)行了，然后alert(2);
代碼一：
復(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, false);//ajax同步
conn.send(param);
var strReturn = conn.responseText;
alert("1");
if (strReturn != "") {
return Ext.decode(conn.responseText);
} else {
return null;
}
alert("2");
};
代碼二：
Ajax 同步請求方式:
復(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同步
對于代碼二，為異步的ajax請求，執(zhí)行結(jié)果為：先執(zhí)行alert(2)再執(zhí)行alert(1), 異步的意思就是說一旦conn.open請求一發(fā)出，前端不去等待它的響應(yīng)便執(zhí)行后面的代碼，所以alert(2)先執(zhí)行了，然后當(dāng)響應(yīng)response到達(dá)以后才執(zhí)行alert(1);
對于代碼一，為同步的ajax請求，執(zhí)行結(jié)果為：先執(zhí)行alert(1)再執(zhí)行alert(2), 同步的意思就是說一旦conn.open請求一發(fā)出，前端就去等待它的響應(yīng)，響應(yīng)完成以后，alert(1)先執(zhí)行了，然后alert(2);
您可能感興趣的文章:
- jquery的ajax異步請求接收返回json數(shù)據(jù)實例
- SpringMVC環(huán)境下實現(xiàn)的Ajax異步請求JSON格式數(shù)據(jù)
- ajax異步請求詳解
- Vue form 表單提交+ajax異步請求+分頁效果
- AJAX實現(xiàn)簡單的注冊頁面異步請求實例代碼
- dojo學(xué)習(xí)第二天 ajax異步請求之綁定列表
- ajax的工作原理以及異步請求的封裝介紹
- 基于JQuery的$.ajax方法進(jìn)行異步請求導(dǎo)致頁面閃爍的解決辦法
- Ajax異步請求JSon數(shù)據(jù)(圖文詳解)
- 四步輕松實現(xiàn)ajax發(fā)送異步請求
相關(guān)文章
js網(wǎng)頁側(cè)邊隨頁面滾動廣告效果實現(xiàn)
其實這個效果不是什么難實現(xiàn)的效果，關(guān)鍵注意幾個地方就可以了2011-04-04
promise面試中經(jīng)常會遇到的一個問題就是關(guān)于控制并發(fā)的，所以下面這篇文章主要給大家介紹了關(guān)于Promise面試題之控制并發(fā)的相關(guān)資料，需要的朋友可以參考下2021-05-05
下面小編就為大家?guī)硪黄猨s實現(xiàn)彈窗居中的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
JavaScript 2048 游戲?qū)嵗a(簡單易懂)
使用javascript制作的2048小游戲非常好玩，有意思，下面給大家分享使用javascript代碼制作的2048游戲，需要的朋友參考下吧2016-03-03
當(dāng)在使用流程的時候，比如有一個審核流程，有三個階段：開始，審核中，審核成功。當(dāng)在不同的階段，做相應(yīng)的進(jìn)度顯示，當(dāng)顯示時，是以動畫的形式顯示的。下面通過代碼給大家介紹JS實現(xiàn)帶動畫效果的流程進(jìn)度條，感興趣的朋友一起看看吧2018-06-06
class是es6引入的最重要特性之一。在沒有class之前，我們只能通過原型鏈來模擬類。這篇文章我們將詳細(xì)的介紹關(guān)于ES6中CLASS的使用，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-11-11
彈幕是一個很常見的功能,這篇文章主要給大家介紹了關(guān)于如何利用原生js模擬直播彈幕滾動效果的相關(guān)資料,文章通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-07-07
這篇文章主要為大家介紹了Three.js中實現(xiàn)Bloom效果及完整示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
下面小編就為大家?guī)硪黄獪\談js的異步執(zhí)行。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了javaScript封裝的各種寫法,通過列舉優(yōu)缺點和使用場景詳細(xì)介紹了幾種封裝的格式,需要的朋友可以參考下2017-08-08