javascript - 使用 jQuery 在加载时将另一个网站添加到我的页面

Question

我想在我的网页上添加另一个 wesbite。

<script>
$("#new-nav").load("https://google.com");
</script>

这正是我想要实现的。我想使用当前页面上的 url 加载另一个页面

 <script>
    $("#new-nav").load("http://localhost:8080/xyz/page");
    </script>

但它不工作..

<div id="new-nav"></div>

我如何实现这一目标？我想要一个 jQuery 解决方案。

Answer 1

加载时添加另一个网站

您的安全浏览器不会接受这种方式。您做错事并违反了原产地政策

使用类似的东西

$('#new-nav').html('<iframe src="http://localhost:8080/xyz/page"></iframe>');

如果它是您的同一个站点

检查 localhost:8080/xyz/page 是否正常工作，并将您的代码包装在 document.ready 函数中。否则，您的脚本不会触发。

Answer 2

看起来问题可能是由于.load请求是 AJAX 请求。如果它在不同的域中，它将无法正确加载。

更多关于 jQuery .load 的信息

Answer 3

你可以尝试这样的事情：

<iframe id='otherSite'></iframe>

<script type='text/javascript'>
    $(document).ready(function()
    {
        $('#otherSite').load('http://localhost:8080/xyz/page');
    });
</script>