ajax 同步請求和異步請求的差異分析

發(fā)布于 2016-12-27 08:14:26 | 53 次閱讀 | 評論: 0 | 來源: 網(wǎng)友投遞

JavaScript客戶端腳本語言Javascript 是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的基于對象的動態(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。

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);

相關閱讀:

ajax 同步請求和異步請求的差異分析

Ajax 數(shù)據(jù)請求的簡單分析

javascript中基本類型和引用類型的區(qū)別分析

JS中三目運算符和if else的區(qū)別分析與示例

JS代碼放在head和body中的區(qū)別分析

event.X和event.clientX的區(qū)別分析

各瀏覽器對link標簽onload/onreadystatechange事件支持的差異分析

淺析$.getJSON異步請求和同步請求

詳解XMLHttpRequest(一)同步請求和異步請求

實例講解使用原生JavaScript處理AJAX請求的方法

js中同步與異步處理的方法和區(qū)別總結

js每隔5分鐘執(zhí)行一次ajax請求的實現(xiàn)方法

總結

以上是生活随笔為你收集整理的同步请求和ajax请求,ajax 同步请求和异步请求的差异分析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。