如何使用純 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中文網其他相關文章！