如何仅在对象标记内加载HTML页面的一部分而不是整个HTML文档

Question

我有一个Html页面，其中有一个对象标签，可以加载另一个Html页面。事实是，我不想在这个对象标签内加载完整的Html。第二个Html页面中有div id="xyz"，我想加载它。

我们怎么能这样做？

请注意，iframe无法使用。在单独使用HTML的情况下可能无法使用Java脚本。

感谢。

Answer 1

$.ajax({
    method: "GET", 
    url: "http://stackoverflow.com/questions/35478837/how-to-load-only-a-part-of-html-page-inside-an-object-tag-instead-of-the-whole-h"
})
.done(function(data){
    alert($("#comment-58651828 .comment-copy", data).text());
});

此代码从此确切页面加载我的第一条评论。 AJAX使用GET方法访问给定的URL，完成后使用css选择器（"#comment-58651828 .comment-copy"）查找我的注释，然后提醒它的文本。

如果您想在HTML中的某处添加，请使用.html()

如果要测试此代码只需使用控制台，则只能从Stackoverflow本身访问StackOverflow页面。我可能会更改示例以便于使用。