js 原生接口请求怎么配置请求头
时间: 2024-04-19 13:23:35 浏览: 148
爬虫:设置Request Header(请求头)
5星 · 资源好评率100%
在 JavaScript 中,使用原生的 XMLHttpRequest 来发送请求时,可以通过 `setRequestHeader` 方法来配置请求头。
下面是一个示例代码,展示如何配置请求头:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/json'); // 设置 Content-Type 请求头
xhr.setRequestHeader('Authorization', 'Bearer token123'); // 设置 Authorization 请求头
// 可以根据需要设置其他请求头
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 处理接口返回的数据
}
};
xhr.send();
```
在上面的示例中,我们使用 `setRequestHeader` 方法来设置了两个请求头:`Content-Type` 和 `Authorization`。你可以根据你的需求设置其他请求头。
请注意,请求头的设置应该在调用 `send` 方法之前进行,以确保请求头被正确发送。
需要注意的是,跨域请求时,服务器可能会检查并限制某些请求头的设置。如果你遇到跨域问题,请确保服务器已经正确配置了 CORS(跨域资源共享)策略。
阅读全文