Question

我目前正在寻找一种方法来加载div，其中包含来自外部域的内容。

目标网站（www.aaa.com）：

<html>
    <head>
        <title>Target website</title>
    </head>
    <body>
        <div id="hello_world" name="hello_world">
            I want to load this div SO BADLY.
        </div>
        <div id="crappy_div" name="crappy_div">
            I don't want to load this div. :(
        </div>
    </body>
</html>

我的网站（www.bbb.com）：

<html>
    <head>
        <title>My shiny website</title>
    </head>
    <body>
        DIV FROM EXAMPLE ABOVE LOADED HERE DYNAMICALLY
    </body>
</html>

所以我知道我可以使用www.aaa.com加载完整的iframe内容或使用Angluarjs ngInclude或使用jQuery但我只想加载一个div而不是整个内容。< / p>

如何做到这一点？

祝你们好，祝你有愉快的一天

Answer 1

如果CORS不是您的问题，那么您可以使用jquery的load()函数，如下所示：

$('mainPageDiv').load('extPage #divId');

Answer 2

您必须先使用mmethod：https://api.jquery.com/first/

var getDiv = $('Extrnal_div').first().html();

//获取像这样的第一个div内容

替换你的身体

$('body').html($('Extrnal_div').first().html()); //替换你的身体

检查并告诉我

我可以在我的网站上使用iframe加载外部html代码吗？

2 个答案: