同源策略、Javascript/jQuery AJAX 和检索 RSS XML 提要

Question

我在使用 jQuery 检索位于外部域的 RSS 提要时遇到了问题。它在 Safari 中工作，但由于同源策略限制（也有关于 $.ajax() 函数的文档），其他浏览器会出错。

想知道我是怎么修好的吗？

Answer 1

有三种方法可以绕过同源策略：

1. 代理——就像 Strawberry Sheurbert 所做的那样，非常有效，但浪费了带宽和计算能力
2. JSONP -- 通过 script 标签加载数据。需要源网站的配合，而且基本上是黑客和笨拙的。
3. CORS——“正确”的方式，优雅而细致，但需要来自源网站的大量合作，并且不适用于较旧的浏览器。

你付了钱，你就抓住机会了。

Answer 2

我制作了一个简单的 PHP 脚本，如下所示：

<?php

/*
    fetch.php fixes this issue: http://en.wikipedia.org/wiki/Same_origin_policy

    Read more:
        *   http://api.jquery.com/jQuery.ajax/
        *   http://stackoverflow.com/questions/3595515/xmlhttprequest-error-origin-null-is-not-allowed-by-access-control-allow-origin
        *   http://stackoverflow.com/questions/1653308/access-control-allow-origin-multiple-origin-domains
*/

// Requires URL
if ( !isset($_REQUEST['url']) || empty($_REQUEST['url']) ) exit( 'No url specified' );

// Set content-type
$type = 'application/rss+xml; charset=utf-8;';
if ( isset($_REQUEST['type']) && !empty($_REQUEST['type']) ) {
    $type = urldecode($_REQUEST['type']);
}

// Adapted from http://www.howtogeek.com/howto/programming/php-get-the-contents-of-a-web-page-rss-feed-or-xml-file-into-a-string-variable/
function get_url_contents( $url ){
    if ( function_exists('curl_init') ) {
        $crl = curl_init();
        $timeout = 5;
        curl_setopt ($crl, CURLOPT_URL, $url);
        curl_setopt ($crl, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt ($crl, CURLOPT_CONNECTTIMEOUT, $timeout);
        $ret = curl_exec($crl);
        curl_close($crl);
        return $ret;
    } else {
        return file_get_contents( $url );
    }
    return 'Could not retrieve url';
}

// Output content from url
header( 'Content-type: ' . $type );
echo get_url_contents( urldecode($_REQUEST['url']) );


?>

它看起来很垃圾，但目前运行得很好。我希望它有帮助。