使用 jQuery 从不同域加载 XML 提要时如何修复 XMLHttpRequest 错误？

Question

我需要从 vimeo 加载 xml feed，为此我使用 jquery，如下所示：

$(function(){

// Get vimeo feed
$.ajax({
    type: "GET",
    url: "http://vimeo.com/api/v2/<my username>/videos.xml",
    dataType: "xml",
    success: function( xml ) {
        $(xml).find( "video" ).each( function() {
            console.log( $(this).find( "title" ) );
        });
    }
});

});

但我收到此错误： XMLHttpRequest 无法加载 http://vimeo.com/api/v2//videos.xml。 Access-Control-Allow-Origin 不允许来源 http://localhost:8888。

如果这有什么区别的话，我正在使用 MAMP。

Answer 1

请阅读 vimeo API - 用户

制作 URL

http://vimeo.com/api/v2/username/request.output< /a>
用户名 用户的快捷方式 URL 或 ID，电子邮件地址无效。
请求您想要的数据。下面列出了不同的请求类型。
输出 指定输出类型。我们目前提供 JSON、PHP 和 XML 格式。

因此，不要发出像 http://vimeo.com/api/v2//videos.xml 这样的请求，而是发出像 http://vimeo.com/api/v2//videos.json

现在您可以使用 $.getJSON 得到这样的结果。

$(document).ready(function() {
    var url = "http://vimeo.com/api/v2/{username}/videos.json?callback=?";
    $.getJSON(url, function(data) {
        var items = [];
        $.each(data, function(key, datum) {
            items.push("<ul>");
            items.push("<li>Title: " + datum.title + "</li>");
            items.push("<li>Tags: " + datum.tags + "</li>");
            items.push("</ul>");
        });
        $("#result").html(items.join(""));
    });
});

查看演示：http://jsfiddle.net/naveen/Ssdjp/1/