AjaxはどのようにJSONデータを取得し表示するのですか
JSONデータを取得して表示するには、次の手順を実行します。
- XMLHttpRequestオブジェクトを作成する:
var xhr = new XMLHttpRequest();
- リクエストタイプとURLを設定します:
xhr.open('GET', 'url_to_json_data', true);
- レスポンスのデータタイプをJSONに設定します。
xhr.responseType = 'json';
- リクエストが成功したときのコールバック関数を定義します。
xhr.onload = function() {
if (xhr.status === 200) {
var jsonResponse = xhr.response;
// 处理JSON数据并显示
}
};
- リクエストを送信する
xhr.send();
リクエストが成功してJSON データを取得したら、`xhr.response` プロパティでJSON オブジェクトを取得し、必要に応じてデータ処理や表示操作を行うことができます。
上記コードの url_to_json_data は実際にあるJSONデータのURLに置き換えてください。また、必要なヘッダ情報 Request Headers、リクエストパラメータ Request Parameters 等は xhr.send() の前に追加してください。