js怎么用xmlhttp从后端json里读取数据
时间: 2023-12-25 17:06:26 浏览: 81
可以使用原生的XMLHttpRequest对象来发送Ajax请求获取后端JSON数据。示例代码如下:
```
var xhr = new XMLHttpRequest();
xhr.open('GET', 'your_backend_url', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var jsonObj = JSON.parse(xhr.responseText); // 将JSON字符串转换为JavaScript对象
console.log(jsonObj.name); // 输出:张三
console.log(jsonObj.age); // 输出:18
} else {
console.log('请求失败');
}
}
xhr.send();
```
在上面的代码中,创建了一个XMLHttpRequest对象并使用open()方法打开了一个GET请求,并设置了请求头Content-Type为application/json。在onreadystatechange事件中判断请求的状态是否为4(请求已完成)和状态码是否为200(请求成功),如果成功则将获取到的JSON字符串通过JSON.parse()函数转换为JavaScript对象,然后就可以通过对象的属性获取数据。如果请求失败,则输出请求失败。
需要注意的是,在使用原生的XMLHttpRequest对象发送Ajax请求时需要手动设置请求头和解析返回的JSON数据。而使用jQuery等第三方库则可以更方便地发送Ajax请求和解析JSON数据。
阅读全文