ajaxでJSONデータをリクエストする方法は何ですか?
AJAXでJSONデータをリクエストする一般的な手順は以下の通りです。
- $.ajax を使用する
- リクエストメソッドとURLを設定してください。JSONデータを取得する場合は通常、GETメソッドを使用し、URLはJSONデータを含むサーバーサイドリソースのアドレスです。
- xhr.setRequestHeader(‘Content-Type’, ‘application/json’)
XHRオブジェクトのsetRequestHeaderメソッドを使用して、’Content-Type’を’application/json’に設定します。 - 「onreadystatechange」を日本語で言い換えると、「準備状態変化時」です。
- xhr.onreadystatechange = function() {。。。}
- xhr.readyState が 4 と等しい
- xhr.statusは200です。
- 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に置き換えることができます。