jquery - 我收到访问控制错误

Question

为什么在尝试读取远程 xml 提要时出现此错误？

XMLHttpRequest cannot load http://www.companyname.com/external.php?type=xml. Origin http://intranet is not allowed by Access-Control-Allow-Origin.

这是我用来尝试获取 xml 文件的脚本：

$(document).ready(function() {
    get_xml_feed();

    function get_xml_feed() {
        $.ajax({
            url: 'http://www.companyname.com/external.php?type=xml',
            type: 'GET',
            dataType: 'xml',
            error: function(xhr, status, error) {
                console.log(status);
                console.log(xhr.responseText);
            },
            success: function(xml) { 
                $(xml).find('items').each(function(){
                    var id = $(this).attr('guid');
                    var title = $(this).find('title').text();
                    var date = $(this).find('pubDate').text();
                    var url = $(this).find('link').text();

                    $('.divContent').empty().append(title + " - " + date + " - " + url + "<br />");
                });
            }
        });
    }
});

Answer 1

因为你违反了同源政策。AJAX 请求只能发送到与托管您的脚本属于同一域的 url。

典型的解决方法包括在您的域上设置一个服务器端脚本，该脚本将充当您的域和远程域之间的桥梁，然后将 AJAX 请求发送到将委托的该脚本。

另一种可能性是使用JSONP，但远程域必须支持它。