2

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

1 回答 1

6

如果你真的想知道 jQuery 中的 ajax 函数到底是做什么的，请打开 jquery 源代码并查看 ajax 函数，这里是源代码的链接。

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

如果您想在没有 jQuery 的情况下执行此操作，则必须创建一个 Xml Http Request

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

我希望这有帮助！

于 2013-02-19T13:30:35.160 回答