跳转页面时如何设置请求头
时间: 2023-10-29 09:04:37 浏览: 234
在浏览器中跳转页面时,可以使用`window.location`对象来设置请求头。具体方法如下:
1. 在跳转页面之前,先创建一个XMLHttpRequest对象,并设置请求头信息,例如:
```
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/new_page');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.send();
```
在这个例子中,设置了`X-Requested-With`请求头为`XMLHttpRequest`,表示这是一个Ajax请求。
2. 使用`window.location`对象跳转页面,并在新页面中获取请求头信息,例如:
在新页面的JavaScript代码中,可以使用`document.referrer`属性获取跳转前的页面URL,并发送Ajax请求获取请求头信息。例如:
```
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/get_request_header');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.setRequestHeader('Referer', document.referrer);
xhr.onload = function() {
console.log(xhr.responseText);
}
xhr.send();
```
需要注意的是,设置请求头信息需要在跳转页面之前进行,而且必须使用XMLHttpRequest对象来进行设置。在新页面中获取请求头信息时,可以使用`document.referrer`属性获取跳转前的页面URL,并在Ajax请求中设置`Referer`请求头。
阅读全文