jQuery 将 HTML 加载到 <div>答案

【问题标题】：jQuery load HTML into <div>jQuery 将 HTML 加载到 <div>
【发布时间】：2012-06-23 05:46:36
【问题描述】：

jQuery 有没有办法从 url 加载 Html 内容？

例如：

<div class="MyContent">

<html>
<head>
<title>Hello World Page</title>
</head>
<body>
Hello World
</body>
</html>

</div>

我可以将 div 中的所有 HTML 替换为 URL 中的内容吗？

【问题讨论】：

这太丑了。为什么不使用 iframe？
哦，还有google.com/search?q=jquery+load - 第一个结果。 JFGI
@SomeKittens 表格的方式相同；仅在使用不当的情况下。
好的，但是如果某些页面有很多内容并且需要滚动怎么办？ jquery html 内容不会只是使 DIV 扩展，而 iFrame 会保持相同的高度吗？对吗？
是的，但为什么不只加载页面的一部分。你当然不认为这会像 iframe 一样工作......

标签： jquery url html

【解决方案1】：

您正在寻找.load()

从服务器加载数据并将返回的 HTML 放入匹配的元素中。

【讨论】：

我的经验是人们往往不会告诉你他们为什么不给你投票。你必须学会猜测自己的错误，修复它们并擅长它。如果我猜的话，那将是您没有示例（尤其是没有 jsfiddle 或 Plunker）并且您提供了一个链接，并且链接最终可能会被破坏（尽管它来自一个受欢迎的网站）。

【解决方案2】：

首先，用这段代码创建一个 HTML 页面

<html>
<head>
<title>Hello World Page</title>
</head>
<body>
Hello World
</body>
</html>

在 DIV 内有一个 iFrame（可选）并使用 jQuery 将 iFrame 的源更改为 URL。 url 应该指向你在上面创建的页面。

function loadIframe(iframeName, url) {
    var $iframe = $('#' + iframeName);
    if ( $iframe.length ) {
        $iframe.attr('src',url);   
        return false;
    }
    return true;
}

【讨论】：

【解决方案3】：

在 jQuery 中使用 .get() 和 .html()。例如，

$.get(url, function (data) {
   $('.MyContent').html(data);
});

【讨论】：