0

我有一个页面，我通过 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>

现在，如果我们直接在浏览器中运行此页面，它会显示文本“Hello”以及警报消息，但是当我通过上述方法（POST/Jquery）加载此文件时，它显示“Hello”但不显示警报消息（意味着，不执行 javascript）。

请帮助我执行该脚本。

4

4 回答 4

1

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

于 2012-05-28T07:32:40.703 回答
0

将带有元素的 HTML 加载到页面中不是很稳定。这将无法跨浏览器工作，因为某些浏览器不会在外部页面中运行 onload（使用 ajax 获取）。

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

编辑 也看这个

于 2012-05-28T07:16:41.103 回答
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>
于 2012-05-28T07:19:08.223 回答
0

错误可能由以下原因引起：

  • 可能是您忘记加载 jQuery 库。

  • 您忘记将代码包装在准备好的 DOM 中，即。$(function() { })

  • 如果您尝试从不同的域检索数据，那么您应该尝试使用jsonp 类型请求。

于 2012-05-28T07:23:22.967 回答