Javascript 如何让一个网页显示在另一个网页中？_Javascript_Jquery_Spring_Iframe

Javascript 如何让一个网页显示在另一个网页中？

javascript jquery spring iframe

Javascript 如何让一个网页显示在另一个网页中？,javascript,jquery,spring,iframe,Javascript,Jquery,Spring,Iframe,我正在尝试使用spring security framework创建一个web应用程序“a”。认证后，它会将用户带到一个页面，在该页面中，另一个web应用程序“B”（托管在同一台/其他服务器上）显示在一个窗口中（可使用iframe实现）。主web应用程序“A”从用户处获取web应用程序“B”的链接地址，因此web应用程序“B”应该可以动态更改我已创建具有CAS身份验证的web应用程序“A”。认证后，它使用iframe在窗口中显示web应用程序“B”，但当我尝试使用jQuery和Javascri

我正在尝试使用spring security framework创建一个web应用程序“a”。认证后，它会将用户带到一个页面，在该页面中，另一个web应用程序“B”（托管在同一台/其他服务器上）显示在一个窗口中（可使用iframe实现）。主web应用程序“A”从用户处获取web应用程序“B”的链接地址，因此web应用程序“B”应该可以动态更改

我已创建具有CAS身份验证的web应用程序“A”。认证后，它使用iframe在窗口中显示web应用程序“B”，但当我尝试使用jQuery和Javascript动态更改web页面“B”时，它失败了

如果有人能在这方面帮助我，我将不胜感激。首先，让我知道我做的是否正确，否则建议我正确的步骤。另外，请告诉我是否有更好的方法实现同样的目标。请参阅下面的代码

谢谢，萨钦


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#服务器URL”）.attr（“src”，$（“#链接”）.val（）；
});
});
安全页面
这是一个受保护的页面。如果有人记得你，你可以找我，
或者如果您已经验证了此会话


输入URL:
显示网页

我在JSFIDLE上重新创建了您的示例：

所以，你有两个问题：

您的输入值缺少http://。因此，浏览器尝试打开一个相对路径，如：

如果打开浏览器控制台并单击“显示网页”，您将看到类似以下错误：

拒绝显示'https://www.google.com/'在帧中，因为它将'X-frame-Options'设置为'SAMEORIGIN'。

。这种情况的发生是因为谷歌服务器无法避免

如果你想在iFrame中显示的所有网站都没有像谷歌那样发送

X-Frame-Options

，只需修复第一项，一切都会好起来。

那么你的代码是什么tried@Satya：请查看更新的消息。假设网站A已被破坏，并且您在iframe中加载网站B。网站A上的Javascript记录您提交的任何内容（例如：信用卡），将网站B更改为外观类似的网站C并提交该信息。谢谢Renan，它似乎在JSFIDLE上工作。我一定会试试这个，让你知道它是否有效。我感谢你的帮助。

<!DOCTYPE html>
<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("#serverurl").attr("src", $("#Link").val());
            });
        });
    </script>
</head>

<body>
<h1>Secure Page</h1>
<p>This is a protected page. You can get to me if you've been remembered,
    or if you've authenticated this session.</p>

<p><a href="../">Home</a>
<p><a href="../j_spring_security_logout">Logout</a>

<p>Enter URL: <input type="text" id="Link" value="www.google.com"></p>
<button>Show webpage</button>

<div><iframe src="http://w3school.com" id="serverurl" width="800" height="600"></iframe></div>
</body> </html>