原生ajaxajax请求如何携带cookie
时间: 2023-10-21 20:20:16 浏览: 129
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
5星 · 资源好评率100%
在原生ajax请求中,可以通过设置xhr对象的withCredentials属性来携带cookie。具体步骤如下:
1. 创建XMLHttpRequest对象
```javascript
var xhr = new XMLHttpRequest();
```
2. 设置withCredentials属性为true
```javascript
xhr.withCredentials = true;
```
3. 发送请求前设置请求头
```javascript
xhr.setRequestHeader('Content-Type', 'application/json'); // 设置Content-Type
xhr.setRequestHeader('Authorization', 'Bearer ' + token); // 发送身份认证信息
```
4. 发送请求
```javascript
xhr.open('POST', '/api/user', true);
xhr.send(JSON.stringify(data));
```
在以上步骤中,第二步设置了withCredentials属性为true,表示允许跨域请求携带cookie。第三步设置了请求头,可以根据实际情况设置不同的请求头。第四步发送请求时,如果服务器允许跨域请求携带cookie,则cookie会自动携带到服务器端。
阅读全文