javascript - Jquery 的 .load() 速记方法在 JavaScript 中的等价物是什么？

Question

这是针对未折旧的新 jquery .load() ajax 简写方法。

例如，以下 jquery ajax 简写方法的等效 javascript 是什么？

$("#targetdiv").load("page.html");

Answer 1

XMLHttpRequest 对象是允许 ajax 请求的 javascript 对象，下面是相同的示例(在像 jquery 这样的底层库中，仅使用此对象进行 ajax 请求)

function loadDoc() {
  var xhttp = new XMLHttpRequest();
    xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      this.responseText;
    }
  };

}