如何在没有 jQuery 的情况下进行 AJAX 调用？

Question

如何在不使用 jQuery 的情况下使用 JavaScript 进行 AJAX 调用？

原文由 discky 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用“香草”（普通）JavaScript：

 function loadXMLDoc() {
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) { // XMLHttpRequest.DONE == 4
           if (xmlhttp.status == 200) {
               document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
           }
           else if (xmlhttp.status == 400) {
              alert('There was an error 400');
           }
           else {
               alert('something else other than 200 was returned');
           }
        }
    };

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

使用 jQuery ：

 $.ajax({
    url: "test.html",
    context: document.body,
    success: function() {
      $(this).addClass("done");
    }
});

原文由 dov.amir 发布，翻译遵循 CC BY-SA 4.0 许可协议