ajax读取json文件
时间: 2023-10-04 13:04:59 浏览: 90
使用 AJAX 读取 JSON 文件可以通过以下步骤实现:
1. 创建一个 XMLHttpRequest 对象。
2. 使用 open() 方法设置 HTTP 请求的类型、URL 和是否异步。
3. 使用 setRequestHeader() 方法设置请求头信息(可选)。
4. 使用 send() 方法发送请求。
5. 在 onreadystatechange 事件中,使用 readyState 和 status 属性来判断请求状态。
6. 如果请求成功,使用 responseText 或 responseXML 属性获取响应内容。
7. 将响应内容解析为 JSON 对象。
以下是一个简单的实例:
```
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var json = JSON.parse(xhr.responseText);
console.log(json);
}
};
xhr.send();
```
在这个例子中,我们使用 XMLHttpRequest 对象发送 GET 请求,从名为 data.json 的文件中获取数据。当服务器响应状态为 200 时,我们使用 JSON.parse() 方法将获取到的数据转换为 JSON 对象,并在控制台中输出。
阅读全文