从一个页面加载div内容并将其显示给另一个页面

几个小时我试图从一个页面加载div内容并将其显示给另一个页面。 例如:

我们有这个维基百科页面 。 我想用id="mw-content-text"获取div的内容,并将其显示到我的页面,其中包含id="result"元素。

有没有办法只使用javascript / jquery?

首先下载JS文件https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js并在页面中包含js文件。 下面是我用来加载外部页面的function。

  function test () { $.ajax({ url: 'http://external_site.com', type: 'GET', success: function(res) { var content = $(res.responseText).text(); alert(content); } }); } 

这对我来说是从外部网站获取内容的。

参考

是的,请参阅http://api.jquery.com/load/上的“加载页面碎片”。

简而言之,您在URL后添加选择器。 例如:

 $('#result').load('ajax/test.html #container'); 

伙计,根据这个post,这可能是不可能的

Access-Control-Allow-Origin不允许使用Origin

您始终可以在PHP中使用CURL,从其他站点获取内容,然后您可以使用load()JQuery函数访问PHP并将其显示给该页面上的用户。 假设这个文件名为:“gatherinfo.php”(JQuery无法从远程站点收集信息,因为它不安全我相信( http://forum.jquery.com/topic/using-ajax-to-load-remote-url -not-working ))所以其中一种方法是通过PHP来实现。

  

但是,请确保在收集此类信息时始终引用来源。 然后,通过使用JQuery,您可以调用服务器上的文件,并通过执行以下操作将其显示在所需的div上:

Javascript :(一旦页面准备好并加载,这将被初始化)

 $(document).ready(function(){ $("#yourDIVID").load("gatherinfo.php"); }); 

HTML:

       
The content you're grabbing would load here

如果这就是你打算做的事情,你就是这样做的。

你可以尝试iframe: