// 假设我们有一个名为"data.json"的JSON文件，内容如下：
// {
// "name": "John",
// "age": 30,
// "city": "New York"
// }
// 使用AJAX请求该JSON文件并处理数据：
function fetchJSON(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status === 200) {
callback(null, xhr.response);
} else {
callback(status, xhr.response);
}
};
xhr.send();
}
// 使用fetchAPI请求JSON数据并处理：
function fetchJSONWithFetchAPI(url) {
return fetch(url)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.json();
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
}
// 使用fetchJSON函数获取数据
fetchJSON('data.json', function(error, data) {
if (error !== null) {
console.error(error);
} else {
console.log(data);
// 处理获取到的数据
}
});
// 使用fetchJSONWithFetchAPI函数获取数据
fetchJSONWithFetchAPI('data.json')
.then(data => {
console.log(data);
// 处理获取到的数据
})
.catch(error => {
console.error('Error fetching data:', error);
});这个例子展示了如何使用AJAX和Fetch API来获取JSON数据，并在获取到数据后进行处理。在实际应用中，你可以根据需要对数据进行相应的操作。