如何使用纯 JavaScript 进行 AJAX 调用？

纯 JavaScript 中的 AJAX 调用

不使用 jQuery 进行 AJAX 调用可以提供更大的灵活性和对网络交互的控制。操作方法如下：

创建请求对象

首先，创建一个新的 XMLHttpRequest 对象，它是纯 JavaScript 中 AJAX 调用的核心：

var xmlhttp = new XMLHttpRequest();

处理响应

定义一个onreadystatechange函数来监控请求的状态：

xmlhttp.onreadystatechange = function() {
  // Check if the request is complete
  if (xmlhttp.readyState == XMLHttpRequest.DONE) {
    // Check if the request was successful
    if (xmlhttp.status == 200) {
      // Process the response text
      document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
    } else {
      // Handle error conditions by status code
      alert('There was an error ' + xmlhttp.status);
    }
  }
};

发送请求

指定HTTP方法、URL 以及请求是异步还是同步：

xmlhttp.open("GET", "ajax_info.txt", true);
// Asynchronous request is recommended for performance
xmlhttp.send();

以上是如何使用纯 JavaScript 进行 AJAX 调用？的详细内容。更多信息请关注PHP中文网其他相关文章！