ajax获取后台数据
时间: 2023-07-30 20:04:26 浏览: 77
要使用 AJAX 获取后台数据,可以按照以下步骤进行操作:
1. 创建 XMLHttpRequest 对象:
```
var xhr = new XMLHttpRequest();
```
2. 设置请求的相关参数:
```
xhr.open('GET', '/api/data', true);
```
其中,第一个参数表示请求的类型,可以是 GET 或 POST;第二个参数是请求的 URL;第三个参数表示是否使用异步请求。
3. 监听请求状态的变化:
```
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 处理返回的数据
}
};
```
在请求状态变化时,判断请求是否成功(状态码为 200),然后解析返回的数据。
4. 发送请求:
```
xhr.send();
```
发送请求后,等待服务器返回数据。
完整的代码示例:
```
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 处理返回的数据
}
};
xhr.send();
```