jquery ajax vs浏览器网址

Question

我正在尝试使用YouTube的API来恢复用户视频的列表。请求网址如下所示：
http://gdata.youtube.com/feeds/api/users/username/uploads
'username'是正确的用户名。这会在浏览器中恢复相应的URL。然而，当我尝试访问通过jQuery的$阿贾克斯或$不用彷徨函数，网址，使用类似：

$.ajax({ 

    //set parameters 
    url: "http://gdata.youtube.com/feeds/api/users/username/uploads", 
    type: "GET", 

    //on success 
    success: function (data) { 
     alert("xml successfully captured\n\n" + data); 
    }, 
    //on error 
    error:function (XMLHttpRequest, textStatus, errorThrown, data){ 
     alert(" We're sorry, there seem to be a problem with our connection to youtube.\nYou can access all our videos here: http://www.youtube.com/user/username"); 
     alert(data); 
    }  
    }); 

    $.get("http://gdata.youtube.com/feeds/api/users/username/uploads", function(data){ 
    alert("Data Loaded: " + data); 
    }); 

我得到一个空文件返回。任何想法，为什么这是？

Answer 1

你在这里打same-origin policy，防止跨域请求...但你可以在这种情况下做JSONP之后的事情（因为youtube支持它，只要JSON数据是你的选项代码，通常这是首选所以我希望这是你的解决方案）。使用JSONP如下所示：

$.ajax({ 
    url: 'http://gdata.youtube.com/feeds/api/users/username/uploads?alt=json​', 
    dataType: 'jsonp'​​​​, 
    success: function(data) { 
     console.log(data); //entire object here 
     //another example 
     alert("Feed title: " + data.feed.title.$t); 
    } 
});​ 

You can see a working demo here, this grabs the video upload feed for nike。只需探索控制台中的对象，看看你想要的数据并抓住它:)