iframe添加请求头
时间: 2023-11-20 21:53:23 浏览: 211
当我们需要对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中的地址。
阅读全文