前端在跳转链接时如何携带请求头
时间: 2024-05-03 20:17:07 浏览: 92
前端跳转链接时可以通过以下两种方式携带请求头:
1. 使用 JavaScript 的 XMLHttpRequest 对象发送 GET 或 POST 请求,并在请求头中设置所需的参数,然后在回调函数中进行页面跳转。例如:
```javascript
const xhr = new XMLHttpRequest();
xhr.open('GET', '/your/url', true);
xhr.setRequestHeader('Authorization', 'Bearer yourToken');
xhr.onload = function() {
if (xhr.status === 200) {
window.location.href = '/your/redirect/url';
}
};
xhr.send();
```
2. 使用浏览器提供的 fetch 函数发送 GET 或 POST 请求,并在请求头中设置所需的参数,然后在 Promise 回调函数中进行页面跳转。例如:
```javascript
fetch('/your/url', {
method: 'GET',
headers: {
'Authorization': 'Bearer yourToken'
}
}).then(function(response) {
if (response.status === 200) {
window.location.href = '/your/redirect/url';
}
}).catch(function(error) {
console.log(error);
});
```
注意,第一种方式需要手动处理回调函数,在回调函数中进行页面跳转;而第二种方式使用 Promise 对象,可以更加简洁地处理请求结果和页面跳转。
阅读全文