要异步获取 JSON 数据,你可以使用 AJAX 技术来发送异步请求并获取数据。下面是一个示例:
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.json', true); // JSON 数据的 URL
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
// 在这里处理获取到的 JSON 数据
// ...
} else {
console.error('请求失败:', xhr.status);
}
};
xhr.onerror = function() {
console.error('请求失败');
};
xhr.send();
在上面给出的示例中,我们通过创建 `XMLHttpRequest` 对象来发送异步 GET 请求,指定了 JSON 数据的 URL。然后,我们定义了 `onload` 事件处理程序,在成功获取响应时执行。
在 `onload` 事件处理程序中,我们首先检查响应的状态码是否为 200,表示请求成功。如果成功,我们使用 `JSON.parse()` 方法将响应文本解析为 JSON 对象,并将其存储在 `data` 变量中。
接下来,你可以在 `onload` 事件处理程序中进行进一步的操作,比如将数据传递给其他函数进行处理、在页面上展示数据等。在示例中,我们简单地使用 `console.log()` 打印获取到的 JSON 数据。
需要注意的是,如果发生错误,可以使用 `onerror` 事件处理程序进行处理。
以上是使用原生 JavaScript 的方法来异步获取 JSON 数据。你也可以使用 jQuery 或其他 JavaScript 库提供的 AJAX 方法来简化操作和处理异步请求。