加载外部网站的内容

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