ajaxでJSONデータをリクエストする方法は何ですか?

AJAXでJSONデータをリクエストする一般的な手順は以下の通りです。

  1. $.ajax を使用する
  2. リクエストメソッドとURLを設定してください。JSONデータを取得する場合は通常、GETメソッドを使用し、URLはJSONデータを含むサーバーサイドリソースのアドレスです。
  3. xhr.setRequestHeader(‘Content-Type’, ‘application/json’)
    XHRオブジェクトのsetRequestHeaderメソッドを使用して、’Content-Type’を’application/json’に設定します。
  4. 「onreadystatechange」を日本語で言い換えると、「準備状態変化時」です。
  5. xhr.onreadystatechange = function() {。。。}
  6. xhr.readyState が 4 と等しい
  7. xhr.statusは200です。
  8. xhr.send() を実行します。

以下は、JSONデータを取得するためにネイティブなAJAXを使用するサンプルコードです。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 在这里处理响应的JSON数据
  }
};
xhr.send();

上記のコードでは、xhr.openメソッドを呼び出して、リクエストのメソッドとURLを設定します。次に、xhr.setRequestHeaderメソッドを使用してリクエストヘッダーを設定します。その後、xhr.onreadystatechangeを使用して、JSONデータの応答を処理するコールバック関数を設定します。最後に、xhr.send()メソッドを呼び出してリクエストを送信します。

上記の例では、URLは現在のページを基準した相対パスです。実際に使用しているURLに置き換えることができます。

bannerAds