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

【问题标题】：Show different views as a slideshow in ASP.NET MVC在 ASP.NET MVC 中以幻灯片形式显示不同的视图
【发布时间】：2017-11-15 23:21:19
【问题描述】：

我正在开发一个包含多个视图的运行状况和监控仪表板，并希望定期以幻灯片的形式逐一显示所有视图。

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

我遇到了错误。

“拒绝在框架中显示'https://internalapplication/Controller/ActionName1'，因为它将'X-Frame-Options'设置为'SAMEORIGIN'”。

我们将不胜感激任何帮助或建议。

编辑：使用相对 URL 更新代码

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

【问题讨论】：

使用相对 url 和 controller/actioname 代替视图名
谢谢Shyju。我已经用相对 url jsfiddle.net/35s3m6ru/6 更新了代码。请参阅索引页面加载正常，但 iframe 内容未使用 NotificationSummary/ErrorSummary 内容刷新。我的目标是显示“索引”视图 20 秒，NotificationSummary 和 ErrorSummary 各 10 秒，然后无限重复整个过程。
我认为使用局部视图和 Ajax 调用来加载它们比 iframe 更好。
@Speedbird186：谢谢。使用 Ajax 加载部分视图解决了我的问题。我认为使用 iframe 很容易实现，但我发现它有很多问题:)

标签： javascript jquery asp.net-mvc iframe

【解决方案1】：

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

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

这应该可以解决问题。

【讨论】：