window.open() 带请求头

`window.open()` 是JavaScript的一个内置函数，用于在浏览器中打开一个新的窗口或标签页。当你需要通过这个函数发送HTTP请求并附加特定的请求头时，通常不是直接操作`window.open()`，因为它的主要作用是用来导航到新的URL。

如果你需要发送一个带有自定义请求头的HTTP请求，你应该使用XMLHttpRequest对象、fetch API或者第三方库如axios。例如，使用fetch API：

fetch('https://example.com', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer your-token'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

在这个例子中，`headers`对象包含了你需要添加的请求头。如果你想在新窗口加载响应内容，可以结合这两个功能，但通常`window.open()`本身并不支持直接发送HTTP请求。

相关问题

window.open设置请求头

window.open并不提供直接设置请求头的方法。然而，我们可以首先使用XMLHttpRequest对目标链接进行请求，并在响应的headers中获取到所需的请求头，然后再使用window.open打开该链接。具体来说，我们可以使用以下代码实现：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'yourTargetUrl', true);
xhr.onload = function() {
const headers = xhr.getAllResponseHeaders();
const index = headers.indexOf('yourHeaderName');
const value = headers.substring(index).split('\n')[0].split(':')[1].trim();
const newUrl = 'yourTargetUrl?yourHeaderName=' + value;
window.open(newUrl);
}
xhr.send();

在上述代码中，我们使用XMLHttpRequest请求所需要的链接，并在响应的headers中获取我们需要的请求头参数。然后，我们可以将这个参数添加到目标链接的query string中，从而实现将请求头参数传递到目标页面的目的。最后，我们使用window.open打开这个新的链接。

需要说明的是，这种方法只适用于GET请求，对于POST等其他类型的请求，我们需要对XMLHttpRequest的代码进行相应的修改。

window.open添加请求头

在JavaScript中，使用window.open打开新窗口时，可以通过在URL中添加请求参数来传递数据，但是不能直接添加请求头。如果需要添加请求头，可以考虑使用XMLHttpRequest对象发送AJAX请求来实现。具体步骤如下：

1. 创建XMLHttpRequest对象：var xhr = new XMLHttpRequest();

2. 设置请求方法和请求地址：xhr.open('GET', url, true);

3. 设置请求头：xhr.setRequestHeader('header-name', 'header-value');

4. 发送请求：xhr.send();

完整的代码示例如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.setRequestHeader('header-name', 'header-value');
xhr.send();

注意，使用XMLHttpRequest发送跨域请求时，需要在服务端设置CORS（跨域资源共享）来允许跨域请求。