iframe调用页面添加header

这篇具有很好参考价值的文章主要介绍了iframe调用页面添加header。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

  写个测试的页面测试下文章来源地址https://www.toymoban.com/news/detail-518514.html

<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>

到了这里,关于iframe调用页面添加header的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • selenium请求chrome如何添加header头

    前言 selenium的webdriver本身没有api能做这个事情,详见issue。 国内的博客全抄来抄去,说selenium直接加add_argument参数就好了,弄得找了好几天找代码问题,上外网查秒解决。所以要学好计算机还是得英文呐~~ 解决 安装seleniumwire库 上代码完事 参考:https://stackoverflow.com/questions/1

    2024年02月11日
    浏览(42)
  • iframe/window.open/a三种标签打开新页面或新窗口设置请求头;实现免密登录

    对于前端来说,一般在登录获取token之后会把token存入缓存以及放置在Request Headers请求头中,但是使用iframe/window.open/a这三种标签打开新页面或新窗口是没有办法把请求头带过去的,这个时候就需要自己设置请求头,有如下有两种办法: 方法一(不推荐): 第一种方法可以说是最

    2024年02月12日
    浏览(59)
  • 视频汇聚集中存储EasyCVR平台调用iframe地址视频无法播放,该如何解决?

    安防监控视频汇聚平台EasyCVR基于云边端一体化架构,具有强大的数据接入、处理及分发能力,可提供视频监控直播、云端录像、视频云存储、视频集中存储、视频存储磁盘阵列、录像检索与回看、智能告警、平台级联、云台控制、语音对讲、AI算法中台智能分析无缝对接等功

    2024年02月12日
    浏览(52)
  • 如何给img标签里的请求添加自定义header

              是这样的需求,有一个web页面,里面图片的上传和预览来自于一个独立的文件服务器,对http的请求需要进行访问权限的设置,就是在请求的header里加一个Authorization的字段。上传好说我用的Axios直接添加一个header就行了,但是预览就比较麻烦了,因为 img 这个标签

    2024年02月04日
    浏览(39)
  • websocket如何设置header

    websocket请求的时候要获取请求头而且需要给前端相同的相应,所以需要处理。这里记录一下。 创建一个配置类,并且继承ServerEndpointConfig.Configurator 重写 modifyHandshake 方法,获取请求头和反应相应赋值。  在@ServerEndpoint注解上加上configurator=WebSocketConfig.class 也就是上面配置的配

    2024年02月11日
    浏览(40)
  • Chrome浏览器设置header请求 响应头 使用 Chrome ModHeader插件,添加/修改/删除HTTP请求标头和响应标头

    ModHeader插件支持添加/修改/删除请求标头和响应标头,并可以启用基于URL /资源类型的标题修改。 添加扩展程序,并且开启使用 在浏览器右上角的扩展程序中,确认ModHeader是否已经适用 点击modHeader,开启 在窗口的+号上,可以添加其他属性。进行修改,删除,置空 修改heade

    2024年02月11日
    浏览(95)
  • 使用PostMan测试接口的时候如何在Header中添加token验证

    由于业务要求,每次接口请求都是post方式,且头部需要在自定义字段中定义token字段 在Authorization中添加APIKey 然后添加token和token的值,因为这里只是简单的开发个测试接口,所以不能通过登录验证去自动生成动态token,然后将token的返回值赋于Header中的token,所以就直接指定一

    2024年02月11日
    浏览(54)
  • vue 前端登录获取token后添加到cookie,并使用token获取其他数据(添加到请求头中)

    1.登录获取到token存到cookie中   这里我的cookie设置为一天失效 cookie.js代码如下 main.js导入到全局使用 request.js请求头添加token   最后浏览器可查看到   并且下一次发请求时候请求参数中可查看到

    2024年02月15日
    浏览(40)
  • Postman调用接口正常,前端页面调用报跨域

    背景 : (该接口为POST接口)配置了跨域,并自定义了一个拦截器,拦截器写了根据自定义注解放行接口的代码,结果前端报跨域,后端也没放行接口。 解决办法: 一、配置CorsFilter 注:AllowCredentials设置为true后,无法和设置为*的AllowedOrigin一起使用,且AllowedOriginPatterns也无

    2024年02月05日
    浏览(46)
  • 智能合约中如何调用其他智能合约

    智能合约是区块链技术中的一项关键功能,它可以让开发者编写代码来自动执行一系列的操作,从而实现各种复杂的业务逻辑。在许多应用场景中,一个智能合约可能需要调用另一个智能合约来完成某些任务。本文将介绍智能合约如何调用其他智能合约,并提供一些实例来帮

    2024年02月11日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包