Question

我正在开发类似于http://www.stumbleupon.com的应用程序。其中我有一个php请求来获取页面的整个html，并将其存储在javascript变量中。

像这样：

$.ajax({ url: 'http://localhost/newsPage/index.php', type: "POST", dataType:'html', data: "url="+ url,

success: function(msg){
    msg.append()
    var opened = window.open("news");
    opened.document.write(msg);
}

其中＆＃34; msg＆＃34;包含外部页面的整个html，比如http://www.nytimes.com

问题是我不想像现在这样打开外部页面的精确副本，但我想将该内容嵌入到另一个具有附加功能的文件中。

如果我可以将该msg变量中的所有内容放在div中，我会很高兴。达到与stumbleupon导航类似的效果。有一种简单的方法可以做到这一点吗？

Answer 1

我很乐意，如果我可以将该msg变量中的所有内容放在div
中

使用jQuery load()方法。

$( "#mydiv" ).load( "http://localhost/newsPage/index.php" ); // where mydiv is the id of target div

默认情况下，该方法将发送GET POST ajax请求，如果您将对象作为数据传递（可选），它将发送POST。

否则你可以做到

$("#mydiv").append(msg); // where mydiv is the id of target div

在你的ajax请求中，假设msg是一个有效的HTML字符串（不是整个文档，只是你希望在div中填充的内容）

如何将html文档添加到另一个页面中的容器？

1 个答案: