jQuery如何加载一些html并将其附加到<；车身>；元素？

我尝试了以下方法：

$.load("Views/chatBox.html").appendTo('body')

控制台输出：

TypeError: $.load is not a function 

编辑：答案只能是一行代码；我想这就够了。

给你：

<script type="text/javascript">
    $(function() {
        $("body").load("Views/chatBox.html");
    });
</script>

$（函数（）{
$（“body”）.load（“Views/chatBox.html”）；
});

我不明白为什么将容器放在正文底部并将外部页面加载到其中不是您所需要的

您可以尝试的是：

<script type="text/javascript">
    $(function() {
        $("#container").load("Views/chatBox.html",function(){
            $(this).clone().appendTo("body").remove();
        });
    });
</script>

$（函数（）{
$（“#容器”）.load（“Views/chatBox.html”，function（）{
$（this.clone（）.appendTo（“body”）.remove（）；
});
});

---

但我对这段代码不是100%肯定…：）

当我尝试GaVrA的解决方案时，我发现它可能更简单：

<script type="text/javascript">
    $(function() {
        $("#container").load("external.html").appendTo("body");;        
    });
</script>

$（函数（）{
$（“#container”）.load（“external.html”）.appendTo（“body”）；；
});

---

我猜appentTo会自动删除以前的实例吗？也许我遗漏了什么？

不，所有这些答案都不正确，因为它们依赖于有一个单独的容器

这样做：

$.ajax({
    url: "your.html",
    success: function (data) { $('body').append(data); },
    dataType: 'html'
});

---

另一种解决方案：

jQuery('#AppendToMe').append( jQuery('<div>').load(...) );

jQuery（'#AppendToMe'）.append（jQuery（''）.load（…）；

---

这将把您加载的任何内容附加到#AppendToMe元素中。

“从远程文件加载HTML并将其注入DOM。”因此，您只需要一些选择器即可完成注入操作。；）Aka-是的，load执行附加工作。看看我制作并发布的演示和教程，它对我帮助很大。哦，不，它将用Views/chatBox.html替换整个页面，这不是我想要的。我需要将其附加到其中。我正在做的是使用一些容器，在该演示中它是#majice，并且它是空的。然后我将外部页面加载到该页面中。有意义吗？与我想要的不完全一样。我的案例：1.没有容器2.通过ajax获取html并将其附加到如果有容器，我可以这样做：$（'#容器'）。加载（…）。附加到（'body'）。对吗？但我需要在没有容器的情况下实现它。因此，jQuery是否需要一些元素来完成ajax的事情呢？好吧，您必须始终拥有一些选择器来完成某些事情。一些演示页面或代码将有助于理解您想要什么，但我认为，previus的答案是您需要的。：）+1，这正好将内容附加到正文中，谢谢分享！我有一个显示当前日期和第二天的小日期选择器。我用了你写的东西，但有问题，问题是数据没有更新，但当我刷新页面时它会更新。我使用wordpress和plugin允许运行jQuery。@hanan mstudio这似乎是一个完全不同的问题，可能与我给出的答案完全无关。你能发布一个新问题吗？这似乎是正确答案，为什么在这里呢。哇呜。。很好，quick'n tidy:）可能使用.html（数据）而不是append（）？