XMLHttpRequest 2（首先閱讀 Benjamin Gruenbaum和 Felix Kling的答案）
如果你不使用jQuery并想要一個(gè)很好的簡(jiǎn)短的XMLHttpRequest 2，它適用于現(xiàn)代瀏覽器，也適用于移動(dòng)瀏覽器，我建議用這種方式：
function ajax(a, b, c){ // URL, callback, just a placeholder
c = new XMLHttpRequest;
c.open('GET', a);
c.onload = b;
c.send()}如你看到的：
它比列出的所有其他功能都短。
回調(diào)是直接設(shè)置的（因此沒(méi)有額外的不必要的閉包）。
它使用新的onload（因此您不必檢查readystate && status）
還有其他一些我不記得的情況會(huì)讓XMLHttpRequest 1變得煩人。
有兩種方法可以獲得此Ajax調(diào)用的響應(yīng)（三種使用XMLHttpRequest var名稱）：
最簡(jiǎn)單的：
this.response
或者，如果由于某種原因你bind()回調(diào)到一個(gè)類(lèi)：
e.target.response
例：
function callback(e){
console.log(this.response);}ajax('URL', callback);或者（上面的一個(gè)是更好的匿名函數(shù)總是一個(gè)問(wèn)題）：
ajax('URL', function(e){console.log(this.response)});沒(méi)什么比這更容易
現(xiàn)在有些人可能會(huì)說(shuō)最好使用onreadystatechange或甚至XMLHttpRequest變量名。那是錯(cuò)的。
查看XMLHttpRequest高級(jí)功能
它支持所有*現(xiàn)代瀏覽器。我可以確認(rèn)，因?yàn)槲沂褂眠@種方法，因?yàn)閄MLHttpRequest 2存在。在我使用的所有瀏覽器上，我從未遇到任何類(lèi)型的問(wèn)題。
onreadystatechange僅在您希望獲取狀態(tài)2的標(biāo)頭時(shí)才有用。
使用XMLHttpRequest變量名是另一個(gè)大錯(cuò)誤，因?yàn)槟阈枰趏nload / oreadystatechange閉包內(nèi)執(zhí)行回調(diào)，否則你就丟失了它。
現(xiàn)在，如果您想使用post和FormData更復(fù)雜的東西，您可以輕松擴(kuò)展此功能：
function x(a, b, e, d, c){ // URL, callback, method, formdata or {key:val},placeholder
c = new XMLHttpRequest;
c.open(e||'get', a);
c.onload = b;
c.send(d||null)}再一次......這是一個(gè)非常短的功能，但它確實(shí)得到和發(fā)布。
用法示例：
x(url, callback); // By default it's get so no need to setx(url, callback, 'post', {'key': 'val'}); // No need to set post data或者傳遞一個(gè)完整的表單元素（document.getElementsByTagName('form')[0]）：
var fd = new FormData(form);x(url, callback, 'post', fd);
或者設(shè)置一些自定義值：
var fd = new FormData();fd.append('key', 'val')x(url, callback, 'post', fd);如你所見(jiàn)，我沒(méi)有實(shí)現(xiàn)同步...這是一件壞事。
話雖如此......為什么不這么簡(jiǎn)單呢？
正如評(píng)論中所提到的，使用error && synchronous確實(shí)完全打破了答案的要點(diǎn)。哪個(gè)是以正確方式使用Ajax的簡(jiǎn)短方法？
錯(cuò)誤處理程序
function x(a, b, e, d, c){ // URL, callback, method, formdata or {key:val}, placeholder
c = new XMLHttpRequest;
c.open(e||'get', a);
c.onload = b;
c.onerror = error;
c.send(d||null)}function error(e){
console.log('--Error--', this.type);
console.log('this: ', this);
console.log('Event: ', e)}function displayAjax(e){
console.log(e, this);}x('WRONGURL', displayAjax);在上面的腳本中，您有一個(gè)靜態(tài)定義的錯(cuò)誤處理程序，因此它不會(huì)危及該功能。錯(cuò)誤處理程序也可用于其他功能。
但要真正解決錯(cuò)誤，唯一的方法是寫(xiě)一個(gè)錯(cuò)誤的URL，在這種情況下每個(gè)瀏覽器都會(huì)拋出一個(gè)錯(cuò)誤。
如果您設(shè)置自定義標(biāo)頭，將responseType設(shè)置為blob數(shù)組緩沖區(qū)或其他任何內(nèi)容，則錯(cuò)誤處理程序可能很有用...
即使你傳遞'POSTAPAPAP'作為方法它也不會(huì)拋出錯(cuò)誤。
即使你將'fdggdgilfdghfldj'作為formdata傳遞它也不會(huì)拋出錯(cuò)誤。
在第一種情況下，錯(cuò)誤在displayAjax()under this.statusTextas中Method not Allowed。
在第二種情況下，它只是起作用。如果您傳遞了正確的帖子數(shù)據(jù)，則必須在服務(wù)器端進(jìn)行檢查。
跨域不允許自動(dòng)拋出錯(cuò)誤。
在錯(cuò)誤響應(yīng)中，沒(méi)有錯(cuò)誤代碼。
只有this.type哪個(gè)被設(shè)置為錯(cuò)誤。
如果您完全無(wú)法控制錯(cuò)誤，為什么要添加錯(cuò)誤處理程序？大多數(shù)錯(cuò)誤都在回調(diào)函數(shù)中返回displayAjax()。
因此：如果您能夠正確復(fù)制和粘貼URL，則無(wú)需進(jìn)行錯(cuò)誤檢查。;）
PS：作為我寫(xiě)的第一個(gè)測(cè)試x（'x'，displayAjax）......，它完全得到了回應(yīng)...... ??? 所以我檢查了HTML所在的文件夾，并且有一個(gè)名為'x.xml'的文件。因此，即使您忘記了文件的擴(kuò)展名，XMLHttpRequest 2也會(huì)找到它。我好意思
同步讀取文件
不要那樣做。
如果你想阻止瀏覽器一段時(shí)間加載一個(gè)漂亮的大.txt文件同步。
function omg(a, c){ // URL
c = new XMLHttpRequest;
c.open('GET', a, true);
c.send();
return c; // Or c.response}現(xiàn)在你可以做到
var res = omg('thisIsGonnaBlockThePage.txt');沒(méi)有其他方法可以以非異步方式執(zhí)行此操作。（是的，使用setTimeout循環(huán)......但是認(rèn)真嗎？）
另一點(diǎn)是......如果你使用API或只是你自己的列表文件或者你總是為每個(gè)請(qǐng)求使用不同的函數(shù)...
只有當(dāng)你有一個(gè)頁(yè)面，你總是加載相同的XML / JSON或任何你只需要一個(gè)函數(shù)。在這種情況下，修改一點(diǎn)Ajax函數(shù)并用您的特殊函數(shù)替換b。
以上功能僅供基本使用。
如果你想擴(kuò)展功能......
是的你可以。
我使用了很多API，我在每個(gè)HTML頁(yè)面中集成的第一個(gè)函數(shù)之一是這個(gè)答案中的第一個(gè)Ajax函數(shù)，只有GET ...
但是你可以用XMLHttpRequest 2做很多事情：
我創(chuàng)建了一個(gè)下載管理器（使用范圍，包括簡(jiǎn)歷，文件讀取器，文件系統(tǒng)），使用畫(huà)布的各種圖像調(diào)整器轉(zhuǎn)換器，使用base64images填充Web SQL數(shù)據(jù)庫(kù)等等......但在這些情況下，您應(yīng)該只創(chuàng)建一個(gè)函數(shù)目的...有時(shí)你需要一個(gè)blob，數(shù)組緩沖區(qū)，你可以設(shè)置標(biāo)題，覆蓋mimetype，還有更多......
但這里的問(wèn)題是如何返回Ajax響應(yīng)...（我添加了一個(gè)簡(jiǎn)單的方法。）
