AJAXでJSONデータを要求する方法

2年 ago
結衣, 春花
1 minute

XMLHttpRequestオブジェクトを使用してJSONデータを非同期取得する方法

  1. XMLHttpRequestオブジェクトを作成する。
var xhr = new XMLHttpRequest();
  1. リクエスト方式とリクエスト先アドレスを設定する：
xhr.open("GET", "http://example.com/data.json", true);
  1. 必要に応じてリクエストヘッダを設定する：
xhr.setRequestHeader("Content-Type", "application/json");
  1. 応答結果を処理するコールバック関数を登録する：
xhr.onload = function() {
if (xhr.status === 200) {
var jsonData = JSON.parse(xhr.responseText);
// 处理JSON数据
}
};
  1. リクエストを送信する：
xhr.send();

上記のコード内で、リクエストアドレスを実際の JSON データアドレスに置き換え、必要に応じてヘッダーを設定する必要があります。

jQueryライブラリの$.ajaxメソッドを使用してJSONデータを取得するAJAXリクエストを送信することもできます。

$.ajax({
url: "http://example.com/data.json",
type: "GET",
dataType: "json",
success: function(jsonData) {
// 处理JSON数据
}
});

XMLHttpRequestオブジェクトを手動で生成する必要がなく、jQueryが用意しているメソッドを直接利用してAJAXリクエストを送信できます。

bannerAds