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

时间:2013-06-21 12:48:23

标签: jquery json jsonp flickr oembed

我有以下代码:

$.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);}
    }
});  

当我尝试在firebug中获取URL属性时,为什么会出现这样的错误?

SyntaxError: invalid label
[Break On This Error]   

{"type":"photo","title":"Bacon Lollys","author_name":"\u202e\

1 个答案:

答案 0 :(得分:0)

我不确定你是如何让success处理程序在不违反CORS的情况下解雇的。在这个小提琴中,我已经将你的处理程序移动到一个单独的回调函数,在请求参数中包含flickr api jsoncallback,它可以工作。

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