AjaxでJSONデータを取得する方法

AJAXでJSONデータを取得する方法は主に次のとおりです。

1. XMLHttpRequestオブジェクトを使用したネイティブJavaScriptでのリクエストとデータ取得

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 处理获取到的JSON数据
}
};
xhr.send();

1. jQueryのAJAXメソッドを使用してリクエストを送信し、データを取得する

$.ajax({
url: 'data.json',
type: 'GET',
dataType: 'json',
success: function(data) {
// 处理获取到的JSON数据
}
});

1. Fetch APIを使用して要求とデータ取得を行う（ネイティブJavaScript）

fetch('data.json')
.then(function(response) {
return response.json();
})
.then(function(data) {
// 处理获取到的JSON数据
});

これらのメソッドはいずれもJSONデータを取得するのに使うことができ、使用するメソッドは個人の好みとプロジェクトの要件によって決まります。