iframe调用页面添加header

最新推荐文章于 2024-04-30 14:16:17 发布

Ddkjawed

最新推荐文章于 2024-04-30 14:16:17 发布

阅读量7.4k

点赞数 1

分类专栏：其他文章标签：前端 javascript servlet

本文链接：https://blog.csdn.net/weixin_43839871/article/details/129042862

版权

其他专栏收录该内容

2 篇文章 0 订阅

订阅专栏

场景：对于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.");
                    }
                }                
            });
    }

写个测试的页面测试下

<iframe id="myiframe" style="position: fixed; z-index: 999; border-color:yellow; height: 50%; width: 50%; top: 20%; left:20%;filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.8;display:none"></iframe>
<button id="TestButton" onclick="functionToExecute()">click</button>