这个jquery.ajax调用的纯JavaScript等价物是什么

What is the plain JavaScript equivalent of this jquery.ajax call?

本文关键字：JavaScript 等价物 是什么 jquery ajax 调用 这个      更新时间：2023-09-26

如何在不使用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);
    }
});

如果您真的想了解jQuery中ajax函数的确切功能，请打开jQuery源代码并查看ajax函数，这里有一个指向源代码的链接。

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

如果你想在没有jQuery的情况下做到这一点，你必须创建一个XmlHttpRequest

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中。现在，您可以随心所欲地使用数据。

我希望这能有所帮助！

相关文章：