这个jquery.ajax调用的简单JavaScript等价物是什么？

Question

如何在不使用jQuery但仅使用纯JavaScript的情况下重写下面的jQuery.Ajax调用？

谢谢!

$.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.现在,您可以随意使用数据.

我希望这有帮助!