var ajax = {
get: function (url, fn) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) {
fn.call(this, xhr.responseText);
}
};
xhr.send();
},
post: function (url, data, fn) {
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
if (xhr.readystate == 4 && (xhr.status == 200 || xhr.status == 304)) {
fn.call(this, xhr.responseText);
}
};
xhr.send(data);
}
}
說明:
1.open(method, url, async)方法需要三個參數(shù)：
method：發(fā)送請求所使用的方法（GET或POST）；與POST相比狠鸳，GET更簡單也更快揣苏，并且在大部分情況下都能用悯嗓；然而，在以下情況中卸察，請使用POST請求：
無法使用緩存文件（更新服務(wù)器上的文件或數(shù)據(jù)庫）
向服務(wù)器發(fā)送大量數(shù)據(jù)（POST沒有數(shù)量限制）
發(fā)送包含未知字符的用戶輸入時绅作，POST比GET更穩(wěn)定也更可靠
url：規(guī)定服務(wù)器端腳本的URL（該文件可以是任何類型的文件，比如.txt和.xml蛾派，或者服務(wù)器腳本文件俄认，比如.asp和.php（在傳回響應(yīng)前，能夠在服務(wù)器上執(zhí)行任務(wù)））
async：規(guī)定應(yīng)當(dāng)對請求進(jìn)行異步（true）或者同步（false）處理洪乍；true是在等待服務(wù)器響應(yīng)時執(zhí)行其他腳本眯杏，當(dāng)響應(yīng)就緒后對響應(yīng)進(jìn)行處理；false是等待服務(wù)器響應(yīng)再執(zhí)行壳澳；
2.send()方法可將請求送往服務(wù)器岂贩；
3.onreadystatechange：存有處理服務(wù)器響應(yīng)的函數(shù)，每當(dāng)readystate改變時巷波，onreadystatechange函數(shù)就會被執(zhí)行萎津。
4.readystate：存有服務(wù)器響應(yīng)的狀態(tài)信息
0：請求未初始化 （代理被創(chuàng)建，但尚未調(diào)用open方法）
1：服務(wù)器連接已建立（open方法已經(jīng)被調(diào)用）
2：請求已接收（send方法已經(jīng)被調(diào)用）
3：請求處理中（下載中抹镊，responseText屬性已經(jīng)包含部分?jǐn)?shù)據(jù)）
4：請求已完成锉屈，且響應(yīng)已就緒（下載操作已完成）
5.responseText：獲得字符串形式的響應(yīng)數(shù)據(jù)
6.setRequestHeader(): POST傳數(shù)據(jù)時，用來添加HTTP頭垮耳，然后send(data),注意data格式颈渊；GET發(fā)送信息時直接加參數(shù)到URL上就可以，比如url?a=a1&b=b1
