ajaxでJSON形式のデータを返すには？

1年 ago
光, 明
1 minute

AJAXでJSONデータ形式を返す手順を以下に示します。

  1. XMLHttpRequestオブジェクトを作成する。
var xhr = new XMLHttpRequest();
  1. サーバーのレスポンスをリッスン：
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 处理服务器响应
var response = JSON.parse(xhr.responseText);
// ...
}
};
  1. リクエストを開く
xhr.open('GET', 'http://example.com/api/data', true);
  1. レスポンスのタイプを JSON として指定するためにリクエストヘッダーを設定します
xhr.setRequestHeader('Content-Type', 'application/json');
  1. リクエストを送信
xhr.send();

サーバー側で、データはJSON形式でクライアントに返されます。

注意:上記のコードはネイティブJavaScriptを使用してAJAXリクエストを実装していますが、jQueryなどのライブラリを使用すればさらに簡略に実装できます。

bannerAds