JavaScriptを使用して定期的な間隔でAjaxリクエストを送信する方法


  1. XMLHttpRequestオブジェクトを作成します。

    var xhr = new XMLHttpRequest();
  2. リクエストを送信する関数を作成します。この関数内でAjaxリクエストを送信し、レスポンスを処理します。

    function sendAjaxRequest() {
    xhr.open('GET', 'your-url', true);
    xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // レスポンスを処理するコードを記述します
    }
    };
    xhr.send();
    }
  3. setInterval関数を使用して、定期的な間隔でリクエストを送信するタイマーを設定します。以下の例では、5秒ごとにリクエストが送信されます。

    setInterval(sendAjaxRequest, 5000);

これで、5秒ごとにAjaxリクエストが送信され、レスポンスが処理されるようになります。必要に応じて、リクエストの詳細な設定やレスポンスの処理をカスタマイズしてください。

この方法は、JavaScriptを使用してブラウザ上でAjaxリクエストを定期的に送信するためのシンプルで簡単な方法です。他のライブラリやフレームワーク(例:jQuery、axios)を使用することもできますが、上記の手法は純粋なJavaScriptで実装する方法です。