html - 加载外部站点的内容

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");