ajax 调用restful
时间: 2023-09-29 08:08:37 浏览: 44
Ajax 是一种用于创建交互式 Web 应用程序的技术,而 RESTful 是一种基于 HTTP 协议的 Web 服务架构风格。可以通过 Ajax 调用 RESTful API 来实现 Web 应用程序的数据交互。
在使用 Ajax 调用 RESTful API 时,需要使用 XMLHttpRequest 对象来发送请求和接收响应。具体步骤如下:
1. 创建 XMLHttpRequest 对象:
```
var xhr = new XMLHttpRequest();
```
2. 设置请求方法和 URL:
```
xhr.open('GET', '/api/user/1', true);
```
3. 设置请求头:
```
xhr.setRequestHeader('Content-Type', 'application/json');
```
4. 发送请求:
```
xhr.send();
```
5. 监听响应:
```
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
```
其中,`xhr.readyState` 表示请求状态,`xhr.status` 表示响应状态码,`xhr.responseText` 表示响应内容。可以根据需要设置不同的请求方法(如 GET、POST、PUT、DELETE 等),并在 URL 中传递参数。在请求头中可以设置 Content-Type,以便服务器正确解析请求数据。在监听响应时,可以根据状态码和响应内容进行相应的处理,如更新页面数据、显示提示信息等。