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

發布于 2016-12-27 08:14:26 | 53 次閱讀 | 評論: 0 | 來源: 網友投遞

JavaScript客戶端腳本語言Javascript 是一種由Netscape的LiveScript發展而來的原型化繼承的基于對象的動態類型的區分大小寫的客戶端腳本語言，主要目的是為了解決服務器端語言，比如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請求，執行結果為：先執行alert(2)再執行alert(1), 異步的意思就是說一旦conn.open請求一發出，前端不去等待它的響應便執行后面的代碼，所以alert(2)先執行了，然后當響應response到達以后才執行alert(1);

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

相關閱讀:

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

Ajax 數據請求的簡單分析

javascript中基本類型和引用類型的區別分析

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

JS代碼放在head和body中的區別分析

event.X和event.clientX的區別分析

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

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

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

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

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

js每隔5分鐘執行一次ajax請求的實現方法

總結

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

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