這個jquery.ajax調用的普通JavaScript等價物是什麼？

Question

如何在不使用jQuery的情況下重寫下面的jQuery.Ajax調用，但僅使用普通的JavaScript？

謝謝！

$.ajax({ 
    type: 'POST', 
    url: url, 
    contentType: 'application/json', 
    data: JSON.stringify(request), 
    success: function (result) { 
     alert("Submitted succesfully!"); 
    }, 
    error: function (jqXHR, textStatus, errorThrown) { 

     alert('Error Occured' + errorThrown); 
    } 
}); 

Answer 1

如果你真的想搞清楚在jQuery的ajax的功能呢，打開了jQuery源和看看Ajax的功能，這裏是到源鏈接。

http://code.jquery.com/jquery-1.9.1.js 

如果你想做到這一點沒有jQuery的，你必須創建一個XML HTTP請求

http://www.w3.org/TR/XMLHttpRequest/

這基本上是AJAX是什麼（異步JavaScript和XML）。

下面是一個例子：

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

xmlhttp.open("GET","ajax_info.txt",true); 
xmlhttp.send(); 

xmlDoc=xmlhttp.responseXML; 

這將創建一個XMLHTTP對象，並使用GET發送到指定的URL，在這種情況下，一個txt文件，並要求它的內容。數據以xml格式返回，我們將其保存到xmlDoc。現在，您可以隨意使用數據。

我希望這有助於！