プレーン JavaScript を使用して AJAX 呼び出しを行うにはどうすればよいですか?

プレーン JavaScript での AJAX 呼び出し

jQuery を使用せずに AJAX 呼び出しを行うと、ネットワーク インタラクションの柔軟性と制御が向上します。その方法は次のとおりです:

Request オブジェクトの作成

まず、プレーン JavaScript での AJAX 呼び出しのコアである新しい XMLHttpRequest オブジェクトを作成します。

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 中国語 Web サイトの他の関連記事を参照してください。