我需要在我的站点中显示另一个外部站点的内容。通常<iFrame>标签可以做到这一点。但我的要求不是全部内容,而只是该网站的一部分。例如该网站的布局有3个部分,<div id="header">,<div id="sidebar">,<div id="content"。我的意思是我只想显示"id=content"一部分。我该怎么做?
<iFrame>
<div id="header">
<div id="sidebar">
<div id="content"
"id=content"
我试过了$("$my-content").load("http://www.anothersite.com #load-content"),但是没有用。
$("$my-content").load("http://www.anothersite.com #load-content")
这是由于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");