2012-04-27 68 views
1

我从一个中间人文件Flickr的API获取数据(以避免跨域问题):字符串转换为JSON使用jQuery

<?php 

header('Cache-Control: no-cache, must-revalidate'); 
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); 
header('Content-type: application/json'); 

die(json_encode(file_get_contents($_REQUEST['url']))); 
?> 

这个文件是获取由JavaScript:

//Flickr 
var myurl = encodeURIComponent('http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=1408bff5f72a4b84b924d13e8562b6a2&[email protected]&photoset_id=72157629903184261&format=json'); 
    $.getJSON("middle.php?url=" + myurl, function(data){ 
     console.log(typeof data); 
    }); 

但是console.log显示结果是“字符串”而不是JSON对象。香港专业教育学院试图把它与转换为一个JSON对象:

jQuery.parseJSON(data) 

但控制台给了我这个错误:

Uncaught SyntaxError: Unexpected token j 

这是字符串:

jsonFlickrApi({"photoset":{"id":"72157629903184261", "primary":"7115173307", "owner":"[email protected]", "ownername":"wedocommunication", "photo":[{"id":"7115173331", "secret":"24900ff306", "server":"5447", "farm":6, "title":"Lounge", "isprimary":"0"}, {"id":"7115173307", "secret":"3435f9a983", "server":"7256", "farm":8, "title":"Hofansicht", "isprimary":"1"}, {"id":"7115173379", "secret":"7747e50597", "server":"7278", "farm":8, "title":"Konfi", "isprimary":"0"}, {"id":"6969093048", "secret":"d4389bc0e4", "server":"7055", "farm":8, "title":"Lounge", "isprimary":"0"}, {"id":"6969093086", "secret":"8e7263005b", "server":"5152", "farm":6, "title":"Eingangsbereich", "isprimary":"0"}], "page":1, "per_page":500, "perpage":500, "pages":1, "total":"5"}, "stat":"ok"}) 

我能怎么做将字符串转换为对象?

回答

0

有人张贴我一直在寻找的答案,但出于某种原因,他们删除了帖子,所以我在这里把它复制:

$.ajax({ 
    url: 'http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=1408bff5f72a4b84b924d13e8562b6a2&[email protected]&photoset_id=72157629903184261&format=json', 
    type: 'GET', 
    dataType: 'jsonp', 
    jsonpCallback: 'jsonFlickrApi', 
    success: function(data){ 
     console.log(data); 
    } 
}); 

这完全没有工作。谢谢,不管它是谁:)

也许其他的工作,但这是我觉得更舒适的人。谢谢你们。

5

Flickr是返回响应为JSONP,这是JavaScript的不是JSON,你应该使用jQuery的JSONP类型请求,请参阅: - http://api.jquery.com/jQuery.ajax/

其实该页面提供了API -

对Flickr的一个例子
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", 
    { 
    tags: "cat", 
    tagmode: "any", 
    format: "json" 
    }, 
    function(data) { 
    $.each(data.items, function(i,item){ 
     $("<img/>").attr("src", item.media.m).appendTo("#images"); 
     if (i == 3) return false; 
    }); 
    }); 
+1

作为@ocanal在他的回答中提到,你不需要这个代理 – chrismarx 2012-04-27 14:38:04

+0

这也不是工作:http://pastebin.com/ZEKWTSCc我得不到输出 – 2012-04-27 14:45:40

+0

它的工作原理是这样的 - http:///pastebin.com/n7WCJrGZ,看看为什么urs可以工作 – chrismarx 2012-04-27 15:01:30

0

JSON以对象大括号开头{jsonFlickrApi(不是JSON对象的一部分。 如果你只需要内部,你可以先将replacedata先移除jsonFlickrApi(部分,但似乎Flickr会有更好的内置解决方案。

0

您将不得不在最后删除“jsonFlickrApi(”开头和“)”,因此'json字符串'只能读取{"photoset":{"id":"72157629903184261", "primary":"7115173307", "owner":"[email protected]", "ownername":"wedocommunication", "photo":[{"id":"7115173331", "secret":"24900ff306", "server":"5447", "farm":6, "title":"Lounge", "isprimary":"0"}, {"id":"7115173307", "secret":"3435f9a983", "server":"7256", "farm":8, "title":"Hofansicht", "isprimary":"1"}, {"id":"7115173379", "secret":"7747e50597", "server":"7278", "farm":8, "title":"Konfi", "isprimary":"0"}, {"id":"6969093048", "secret":"d4389bc0e4", "server":"7055", "farm":8, "title":"Lounge", "isprimary":"0"}, {"id":"6969093086", "secret":"8e7263005b", "server":"5152", "farm":6, "title":"Eingangsbereich", "isprimary":"0"}], "page":1, "per_page":500, "perpage":500, "pages":1, "total":"5"}, "stat":"ok"}

然后这可以由JS解析为常规JSON数据。

+0

它返回那个包装的原因,这是一个JSONp响应。 – freshnode 2012-04-27 15:10:15

2

您不需要使用代理来避免跨域问题,只需使用JSONP request即可。

$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=1408bff5f72a4b84b924d13e8562b6a2&[email protected]&photoset_id=72157629903184261&format=json&jsoncallback=?",function(data){ 
     console.log(data); 
    });​ 

DEMO

0

正如上面已经提到的那样,Flickr发送的JSON响应包装在jsonFlickrApi回调方法中。

要返回纯粹的JSON数据,您可以使用nojsoncallback=1请求参数。

E.g.http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=_secret_app_key&photo_id=8321754843&format=json&nojsoncallback=1