window.open添加请求头

对于window.open()方法打开的新窗口，可以使用XMLHttpRequest对象来进行请求，并在请求中添加请求头。

以下是一个示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true);
xhr.setRequestHeader('Authorization', 'Bearer ' + token);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var newWindow = window.open();
    newWindow.document.write(xhr.responseText);
  }
};
xhr.send();

在上面的代码中，我们使用XMLHttpRequest对象来发送GET请求，并在请求中添加了Authorization请求头。一旦请求成功，我们使用window.open()方法打开一个新窗口，并在新窗口中显示响应内容。

需要注意的是，由于浏览器的安全限制，我们只能在同域名下打开新窗口，并且只能在新窗口中显示同域名下的内容。如果要跨域打开新窗口并显示内容，需要在服务器端进行跨域访问授权。

相关问题

window.open添加请求头 并设置请求头

window.open()方法是JavaScript中用于打开新窗口或标签页的函数。然而，使用window.open()方法添加请求头并设置请求头是不可能的，因为该方法只能用于打开URL，而不是发送HTTP请求。

如果您需要发送带有请求头的HTTP请求，可以使用XMLHttpRequest对象或fetch API来实现。下面是一个使用fetch API发送带有请求头的HTTP请求的示例：

fetch(url, {
  method: 'GET', // 请求方法
  headers: {
    'Content-Type': 'application/json', // 设置请求头
    'Authorization': 'Bearer your_token' // 设置其他请求头
  }
})
.then(response => {
  // 处理响应
})
.catch(error => {
  // 处理错误
});

在上面的示例中，您可以通过headers属性设置请求头。您可以根据需要添加或修改请求头的键值对。请注意，这只是一个示例，您需要将`url`替换为您要发送请求的URL，并根据实际情况修改其他参数。

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的代码进行相应的修改。