iframe 加请求头

如果你想在 iframe 中加请求头，可以使用 JavaScript 来实现。具体步骤如下：

1. 获取 iframe 元素：

var iframe = document.getElementById('your-iframe-id');

2. 获取 iframe 的 contentWindow：

var iframeWindow = iframe.contentWindow;

3. 构造 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();

4. 设置请求头：

xhr.setRequestHeader('your-header-name', 'your-header-value');

5. 发送请求：

xhr.open('GET', 'your-url', true);
xhr.send();

需要注意的是，如果你的请求是跨域的，需要在服务器端设置允许跨域访问。

相关问题

iframe设置请求头

在网页中使用 `<iframe>` 元素加载其他网页时，是无法直接设置请求头的。因为 `<iframe>` 是通过浏览器进行加载，而请求头是由浏览器自动管理的。

如果你需要在加载 `<iframe>` 内嵌网页时设置请求头，可以考虑使用其他的方法。一种常见的方法是使用 JavaScript 创建 `<iframe>` 元素，并通过 XMLHttpRequest 或 Fetch API 发起请求，并在请求中设置请求头。然后将请求的响应内容显示在 `<iframe>` 中。

下面是一个使用 JavaScript 的示例代码：

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com', true);
xhr.setRequestHeader('Custom-Header', 'header-value');
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    iframe.srcdoc = xhr.responseText;
  }
};
xhr.send();

这段代码创建了一个 `<iframe>` 元素，并使用 XMLHttpRequest 对指定网址发起 GET 请求，并设置了自定义的请求头。当请求完成后，将响应内容赋值给 `<iframe>` 的 `srcdoc` 属性，从而显示在页面中。

需要注意的是，由于浏览器的安全限制，跨域请求是受到限制的。在上述示例中，如果 `<iframe>` 加载的是来自不同域名的网页，那么需要确保目标网页允许跨域请求（通过设置响应头中的 CORS 相关字段）。否则，浏览器会拒绝加载跨域的内容。

iframe添加请求头

当我们需要对iframe集成的页面进行权限校验时，由于iframe默认的src不能传递header，我们需要把iframe调用方式改为ajax。可以通过以下代码实现：

function functionToExecute() {
    var url="此处填写iframe地址";
    $.ajax({
        type: 'GET',
        url: url,
        beforeSend: function (xhr) {
            xhr.setRequestHeader('header里面的key', "value值");
        },
        success: function (data) {
            $("#myiframe").css("display","block")
            $("#myiframe").attr("src",url)
        },
        error:function (error) {
            console.log(error);
        },
        statusCode: {
            400: function () {
                alert("server returned a bad request response.");
            }
        }
    });
}

其中，beforeSend函数可以在发送请求之前设置请求头。在这里，我们可以通过xhr.setRequestHeader()方法来设置header里面的key和value值。这样就可以在ajax请求中添加请求头了。

另外，如果需要动态修改iframe中的src属性，可以使用以下代码：

document.getElementById("myiframe").src = "新的iframe地址";

其中，myiframe是iframe的id，通过document.getElementById()方法获取到该元素，然后通过设置src属性来动态修改iframe中的地址。