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（跨域资源共享）来允许跨域请求。

相关问题

前端 window.open带入请求头

在前端中，使用`window.open`方法可以打开一个新的浏览器窗口或者标签页。然而，`window.open`方法本身并不提供直接设置请求头的功能。请求头是在发送HTTP请求时由浏览器自动添加的。

如果你想在新打开的窗口或标签页中发送带有特定请求头的请求，可以考虑使用`XMLHttpRequest`对象或者`fetch`函数来发送请求。这两种方式都允许你自定义请求头。

下面是一个使用`XMLHttpRequest`对象发送带有请求头的GET请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true);
xhr.setRequestHeader('Custom-Header', 'header-value');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功处理逻辑
  }
};
xhr.send();

在上面的代码中，我们通过`setRequestHeader`方法设置了一个名为"Custom-Header"的自定义请求头，并将其值设置为"header-value"。你可以根据自己的需求添加更多的请求头。

使用`fetch`函数发送带有请求头的GET请求的示例代码如下：

fetch('http://example.com', {
  headers: {
    'Custom-Header': 'header-value'
  }
})
.then(function(response) {
  if (response.ok) {
    // 请求成功处理逻辑
  }
})
.catch(function(error) {
  // 请求失败处理逻辑
});

在上面的代码中，我们通过`headers`选项设置了一个名为"Custom-Header"的自定义请求头，并将其值设置为"header-value"。

window.open设置请求头

在使用 `window.open` 打开一个新窗口时，如果需要设置请求头，可以通过以下两种方式实现：

1. 在 URL 中添加请求头参数

可以在 URL 中添加请求头参数，例如：

window.open('https://www.example.com', '_blank', 'headers={"Authorization": "Bearer xxx"}');

在新窗口打开的 URL 中会包含请求头参数，可以在后端服务器中解析该参数并设置对应的请求头。

2. 使用 XMLHttpRequest 发送请求

可以在新窗口中使用 XMLHttpRequest 对象发送请求，并设置请求头，例如：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com');
xhr.setRequestHeader('Authorization', 'Bearer xxx');
xhr.send();

这样可以在新窗口中发送带有请求头的请求。不过需要注意的是，由于浏览器的同源策略限制，如果请求的 URL 与当前页面不在同一个域名下，可能会出现跨域问题。