1. 使用 Fetch API 获取 JSON：
fetch('https://example.com/api/data')
.then(response => response.json())
.then(data => {
console.log(data);
// 在这里处理获取到的 JSON 数据
})
.catch(error => console.error('Error:', error));
这是一种现代的异步获取数据的方法，使用了浏览器提供的 Fetch API。你可以替换 URL 为你实际的 API 地址。
2. 使用 XMLHttpRequest 获取 JSON：
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
// 在这里处理获取到的 JSON 数据
}
};
xhr.send();
这是传统的方式，使用 XMLHttpRequest 对象进行异步请求。同样，你需要替换 URL 为你实际的 API 地址。
3. 使用 Axios（第三方库）获取 JSON：
Axios 是一个流行的 JavaScript HTTP 客户端库，可以用于在浏览器和 Node.js 中发送 HTTP 请求。
首先，在 HTML 文件中引入 Axios：
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
然后，使用 Axios 获取 JSON：
axios.get('https://example.com/api/data')
.then(response => {
var data = response.data;
console.log(data);
// 在这里处理获取到的 JSON 数据
})
.catch(error => console.error('Error:', error));
无论使用哪种方法，都需要确保 API 的响应是符合 JSON 格式的。在获取到 JSON 数据后，你可以根据需要进行处理，比如渲染到页面、操作数据等。
转载请注明出处：http://www.zyzy.cn/article/detail/4567/JSON