AJAXのonreadystatechangeプロパティの使い方

AJAXにおけるonreadystatechangeは、リクエスト状態の変化を検知・処理するためのイベントハンドラで、AJAXリクエストのreadyStateプロパティが変化すると発生します。

下記に onreadystatechange の使用方法の例を示します。

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.com/api/data", true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，可以处理返回的数据
    var response = xhr.responseText;
    console.log(response);
  }
};

xhr.send();

上記の例では、最初にXMLHttpRequestオブジェクトを作成し、openメソッドを使用してリクエストのタイプ、URL、非同期かどうかを指定します。

セットされた onreadystatechange イベントハンドラーは、 readyState プロパティが変更された時に実行されます。この関数内では、 readyState が 4 (リクエストが完了している状態) であり、かつステータスが 200 (リクエストが成功した状態) であるかどうかを確認します。条件が満たされた場合は、返されたデータの処理ができます。上記の例では、返されたデータをコンソールに単純に出力しています。

最後に、リクエストを送信するために send メソッドを呼び出します。

onreadystatechangeイベントはリクエストの進行に合わせて複数回発生するため、ハンドラ関数内ではreadyStateの値に応じて適切な処理を行う必要があります。