如何在flickr中使用jsonp获取图像url

Question

我有以下代码:

$.ajax({
    type: "GET",
    url: "http://www.flickr.com/services/oembed/?url=http%3A//" + picture_src +"?callback=?&format=json" ,
    cache: 'true',
    dataType: "jsonp", 
    success: function(output_data_flickr) {
    alert(output_data_flickr.url);
    if(output_data_flickr.url != ""){
        $('#picture_preview_link').attr('src', output_data_flickr.url); 
        $('#picture_link_embed').val(output_data_flickr.url);
    }
    else{
        $('#picture_link_embed').val(picture_src);
        $('#picture_preview_link').attr('src', picture_src);}
    }
});  

为什么我得到这样的错误，当我试图获得URL属性在firebug?

SyntaxError: invalid label
[Break On This Error]   
{"type":"photo","title":"Bacon Lollys","author_name":"u202e

Answer 1

我不确定如何在不违反CORS的情况下获得success处理程序。在本文中，我将处理程序移动到一个单独的回调函数，在请求参数中包含flickr api jsoncallback，并且它可以工作。

http://jsfiddle.net/9HxtU/5/