加载外部网站的内容

Question

我需要在我的站点中显示另一个外部站点的内容。通常<iFrame>标签可以做到这一点。但我的要求不是全部内容，而只是该网站的一部分。例如该网站的布局有3个部分，<div id="header">，<div id="sidebar">，<div id="content"。我的意思是我只想显示"id=content"一部分。我该怎么做？

我试过了$("$my-content").load("http://www.anothersite.com #load-content")，但是没有用。

Answer 1

这是由于ajax跨域安全性限制，一种技巧是从服务器设置代理脚本，该脚本从不同的站点（域）下载内容，并将该代理用作javascript中的参考。

示例：（proxy.php）

<?php
    $url = 'http://www.anothersite.com';
    $htm = file_get_contents($url);
    echo $htm;
?>

然后在您的脚本上，而不是：

$("$my-content").load("http://www.anothersite.com #load-content");

使用代理：

$("$my-content").load("proxy.php #load-content");