jQuery加载外部网页页面

Question

jQuery加载外部网页页面

12

如何从外部网站加载单个页面？

我试图显示单个页面，但似乎无法使其正常工作。

$("#response").load("http://domain.com", function(response, status, xhr) {
   if (status == "error") {
      var msg = "Sorry but there was an error: ";
      alert(msg + xhr.status + " " + xhr.statusText);
   }
 });

希望能得到帮助，非常感激。

- ngplayground

1

是的，这是可能的，但你需要1行PHP代码 :) - Roko C. Buljan

请看这里 - http://en.wikipedia.org/wiki/Cross-origin_resource_sharing 和这里 http://msdn.microsoft.com/en-us/library/windows/apps/hh767443.aspx - Bakudan

如果你只需要 RSS 订阅，而且不介意依赖 Google，你可以使用 jquery-feeds。 - the

2个回答

1

你是不是在尝试从不同的域名加载页面？

如果是的话，那么似乎你遇到了跨域策略的问题...

- andri

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Roko C. Buljan · Accepted Answer

你遇到了一个跨域策略问题，因为出于安全原因，AJAX不允许你从不在同一域上的页面获取内容。

要解决这个问题并完成任务，你需要一个PHP文件，可以只包含以下这行PHP代码调用grabber.php:

<?php echo file_get_contents($_GET['url']); ?>

在你的HTML（或任何文件）中，只需像这样操作：

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <meta charset=utf-8 />
    <title>test</title>
</head>
<body>

    <div id="response"></div>

</body>

<script>
$(function(){
    var contentURI= 'http://domain.com #element';    // URL TO GRAB + # of any desired element // if needed :)
    $('#response').load('grabber.php?url='+ contentURI);
});
</script>

</html>

这为什么有效呢？

现在，AJAX正在向grabber.php页面发送一个简单的GET请求,
grabber.php回显所需内容
现在该内容位于您的（服务器）域上！
而AJAX很高兴为您提供服务 :)