Question

我正在制作一个包含多个视图的运行状况和监控仪表板，并希望定期将幻灯片放映所有视图逐个显示。

<iframe src="http://jquery.com/" id="myFrame" width="500" marginwidth="0" height="500" marginheight="0" align="middle" scrolling="auto"></iframe>

    <script>
    setInterval(test, 10000);

    function test(){
    //setTimeout(loadPage1, 2000);

     setTimeout(loadPage2, 2000);

     setTimeout(loadPage3, 2000);
     }



        function loadPage1(){
            var loc = "http://www.w3schools.com/";
            document.getElementById('myFrame').setAttribute('src', loc);                   
        }

        function loadPage2(){
            var loc = "https://internalapplication/Controller/ActionName1";
            document.getElementById('myFrame').setAttribute('src', loc);
        }

        function loadPage3(){
            var loc = "https://internalapplication/Controller/ActionName2";
            document.getElementById('myFrame').setAttribute('src', loc);
        }

    </script>

http://jsfiddle.net/35s3m6ru/2/

我收到以下错误。

＆＃34; 拒绝显示＆＃39; https://internalapplication/Controller/ActionName1＆＃39;在一个框架中因为它设置了X-Frame-Options＆＃39;到＆＃39; SAMEORIGIN＆＃39; ＆＃34;。

任何帮助或建议都将受到高度赞赏。

编辑：使用相对网址更新的代码

http://jsfiddle.net/35s3m6ru/6/

Answer 1

将以下方法添加到Global.asax.cs文件

   protected void Application_PreSendRequestHeaders()
     {
     Response.Headers.Remove("X-Frame-Options");
     Response.AddHeader("X-Frame-Options", "AllowAll");
     }

这应该可以解决问题。

在ASP.NET MVC中以幻灯片形式显示不同的视图

1 个答案: