我加载外部网站的内容时没有加载Javascript

时间:2012-05-28 07:08:15

标签: php javascript jquery ajax

我有一个页面,我通过Jquery Post方法将外部网站内容加载到我的PHP文件(由于跨站点问题),看起来像这样。(back.php)

$url = $_POST['url'];
echo file_get_contents($url);

我的HTML代码看起来像这样

    $.post ("back.php",
    {
        url : "http://www.ralphlauren.com/product/index.jsp?productId=2130294&cp=1760781.1760809&ab=ln_men_cs1_polos&parentPage=family"
    }
    ,
    function (data)
    {

        document.getElementById ("output").innerHTML =  data;
    }
);

网站内容正常加载,但脚本未加载,因为我在更改应执行脚本的任何选项时遇到错误。

我尝试了不同的方法,但没有用。

如何加载脚本也是如此。

修改 看起来我的问题不明确。

问题是,在我的页面中加载了给定URL的脚本和脚本。外部URL包含一些未执行的嵌入式脚本。

以下是外部网站的示例

<html>
<body>
Hello
<script>
alert("This is some message"); 
</script>
</body>
</html>

现在,如果我们直接在浏览器中运行此页面,它会显示文本&#34; Hello&#34;以及警报消息,但是当我通过上面的方法(POST / Jquery)加载这个文件时,它显示&#34;你好&#34;但不显示警告信息(表示不执行javascript)。

请帮我执行该脚本。

4 个答案:

答案 0 :(得分:1)

执行时应使用$(function() { })加载js!

答案 1 :(得分:0)

将带有元素的HTML加载到页面中并不是很稳定。这不适用于跨浏览器,因为某些浏览器不在外部页面中运行onload(使用ajax获取)。

所以不要这样做,在你$.post的回调中运行你需要的javascript。

修改 另见this

答案 2 :(得分:0)

不确定为什么你的工作没有用,但试试这个,看起来效果很好:

<?php 
if($_SERVER['REQUEST_METHOD']=='POST' && $_POST['url']){
    header('Content-Type: text/html');
    echo file_get_contents($_POST['url']);
    die;
}
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" charset="utf-8"></script>

<script charset="utf-8" type="text/javascript">
$(function() {
    $.post ("back.php",{
        url : "http://www.ralphlauren.com/product/index.jsp?productId=2130294&cp=1760781.1760809&ab=ln_men_cs1_polos&parentPage=family"
    },function (data){
        document.getElementById ("output").innerHTML =  data;
    });
});
</script>

</head>
<body>

<div id="output"></div>

</body>
</html>

答案 3 :(得分:0)

可能由于以下原因导致错误:

  • 可能忘了加载jQuery库。

  • 您忘记在DOM准备好的情况下将代码包装起来,即。 $(function() { })

  • 如果您尝试从不同的域中检索数据,则应尝试使用jsonp类型请求。