AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）逗栽。
AJAX 是一種在無需重新加載整個網(wǎng)頁的情況下吕晌，能夠更新部分網(wǎng)頁的技術(shù)。
使用教程：
創(chuàng)建 XMLHttpRequest 對象
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
向服務(wù)器發(fā)送請求
xmlhttp.open(method,url,async);
xmlhttp.send(string);
服務(wù)器響應(yīng)
responseText 或 responseXML
Paste_Image.png
JQuery ajax
jQuery.ajax([settings])
項目中使用到的
$.ajax({
url: apiUrl + apiName,
type: 'post',
data: jsonData,
cache: false,
dataType: 'json',
contentType: 'application/json',
//timeout: 1000,
async: asyn,
beforeSend: function (XMLHttpRequest) {
if (showLoading) nopCommerce.app.loadPanel.show(loadingMessage); //Show Loading
XMLHttpRequest.setRequestHeader("Client-Referrer", document.referrer);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log("---------ERROR---------", new Date())
console.log("ERROR", apiName, { request: XMLHttpRequest, textStatus: textStatus, errorThrown: errorThrown });
},
success: function (result) {
resultHandle(apiName, data, done, fail, showLoading, loadingMessage, result, startTime, isWorker);
},
complete: function () {
if (showLoading) nopCommerce.app.loadPanel.hide() //close loading
}
});
資料推薦
$.ajax()方法詳解
