从其他域获取包含whateverorigin.org 的内容

Question

是否可以通过此请求按类或 id 获取指定的内容部分。这段代码是：

$.getJSON('http://whateverorigin.org/get?url=' + 
          encodeURIComponent('http://google.com') + '&callback=?',
          function(data){
            $("#content").html(data.contents);
});

Answer 1

我遇到了同样的问题，我就是这样做的。

我需要获取某些网站的 whois 信息并将其显示在我的网站上。

例如，我需要http://megaanswers.com/ 的whois 信息，该信息可在www.domaininformation.de/whois/megaanswers.com 上找到，因此使用whateverorigin.org 我得到了如下http://whateverorigin.org/get?url=http%3A%2F%2Fwww.domaininformation.de%2Fwhois%2Fmegaanswers.com 的jsonp 请求（在encodeURIComponent 之后）但这包含整个页面，但我只需要 class="result" 内的页面部分。

现在 data.contents 将给出整个页面的 html 代码。现在使用 jquery 选择具有类结果的元素，并将其 html 附加到 id="target"

的 div

这就是最终代码的样子

<div id="target"></div> 
<script>            
                $.ajaxSetup({
    scriptCharset: "utf-8", //maybe "ISO-8859-1"
    contentType: "application/json; charset=utf-8"});

    $.getJSON('http://whateverorigin.org/get?url=' + 
    encodeURIComponent('http://www.domaininformation.de/whois/megaanswers.com') + '&callback=?',
    function(data) {
       var thecontents = data.contents;
       var required = $('.result', thecontents).html(); // select '.result' class in 'thecontents'
       $('#target').html("<pre>" + required + "</pre>");
    });

</script>

希望对你有帮助

Answer 2

由于同源政策，您不能这样做，

所有现代网络浏览器都对网络连接施加了安全限制

您可以尝试使用代理，查看此文档http://developer.yahoo.com/javascript/howto-proxy.html

Answer 3

你有几个解决方案，也有几个障碍来实现你想要的。主要障碍是Access-Origin 安全限制。

1. 第一个解决方案是使用或创建服务器端 API，它可以是 Java servlet、C# 处理程序或只是服务器中的一个 PHP 文件。如果您无权访问其他服务器以修改其标头并添加 Access-Origin 标头，这可能很有用。此 API 将用作代理。在此解决方案中，您可以更具体地使用 API，并使用一些参数仅加载其他 url 内容的特定部分，无论它是 html 还是 JSON 内容。

1234563然后，如果您想过滤内容，您应该使用 JavaScript。

2. 如果您可以访问服务器，另一种方法是向服务器添加JSONP支持，这基本上是我们通常绕过Access-Origin安全限制的方式。