jquery - 仅使用 ajax - jquery 加载正文中的内容

Question

我只想加载页面(sample.html)的正文内容并将其附加到另一个页面(index.html)的正文..如何做到这一点..抱歉我是菜鸟

我使用了下面的代码..但这似乎无法正常工作

$.ajax({
    url: "/site/pages/sample.html",
    success: function(data){
        $('body').append(data);
    }
});

Answer 1

尝试:

$('body').load('/site/pages/sample.html body');

The .load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted. This is achieved with a special syntax for the url parameter. If one or more space characters are included in the string, the portion of the string following the first space is assumed to be a jQuery selector that determines the content to be loaded.

参见Loading page fragments在 load() 文档

更新:

正如 @Windkiller 在评论中所指出的 - 这将复制文档中的 body 元素。更好的解决方案是使用 get 并替换 body 的内容，例如:

$.get("/site/pages/sample.html body", function(data) {
     $("body").replaceWith(data);
});