將jQuery ajax調用寫入JavaScript的XmlHttpRequest

Question

我有一個像這樣的ajax呼叫：

var data = {"name":"John Doe"} $.ajax({ dataType : "jsonp", contentType: "application/json; charset=utf-8", data : JSON.stringify(data), success : function(result) { alert(result.success); // result is an object which is created from the returned JSON }, });

現在，我需要將其轉換為JavaScript的XmlHttpRequest。 我知道基本語法，但是我想知道如何將這個特定的jQuery ajax轉換為XmlHttpRequest。

特別是如何在XmlHttpRequest中提及dataType。

Answer 1

您可以執行以下操作：

var xmlhttp = new XMLHttpRequest();
var url = "request/url";
var data = {"name":"John Doe"};

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText);
        successCallback(myArr);
    }
};
xmlhttp.setRequestHeader("Content-Type", "application/json; charset=utf-8")
xmlhttp.responseType = "json";
xmlhttp.open("POST", url, true);
xmlhttp.send(JSON.stringify(data));

function successCallback(arr) {

}

僅供參考：未經測試的代碼