在Web开发中，我们经常需要调用本地静态JSON文件获取数据，这个过程可以使用AJAX来实现。
//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//设置请求方式和请求地址
xhr.open('GET','data.json');
//发送请求
xhr.send();
//监听请求状态变化
xhr.onreadystatechange = function () {
if(xhr.readyState === 4 && xhr.status === 200) {
//请求成功，获取响应数据
var response = xhr.responseText;
console.log(response);
}
}
AJAX通过XMLHttpRequest对象与服务器进行数据交互，上面的代码通过GET请求获取本地data.json文件并成功获取响应数据后，在控制台输出JSON数据。
如果需要在请求中传递参数，可以在open方法中传递参数，例如：
//设置请求方式和请求地址以及传递参数
xhr.open('GET','data.json?id=1&name=test');
以上代码中，传递了id参数和name参数给data.json文件进行请求。
AJAX通过调用本地静态JSON文件获取数据的方式，非常适合于开发中需要获取静态数据的场景，具有如下优点：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
