我正在研究JavaScript动态加载的树视图用户控件。我想用现实世界的数据进行测试。
是否有人知道有任何公共服务带有API,该API提供了对JSON格式的分层数据的访问?
我正在研究JavaScript动态加载的树视图用户控件。我想用现实世界的数据进行测试。
是否有人知道有任何公共服务带有API,该API提供了对JSON格式的分层数据的访问?
Answers:
Twitter有一个返回JSON 的公共API,例如-
一个GET
请求:
https://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name=mralexgray&count=1
,
编辑: 由于Twitter限制了其API的OAUTH
要求而被删除...
{"errors": [{"message": "The Twitter REST API v1 is no longer active. Please migrate to API v1.1. https://dev.twitter.com/docs/api/1.1/overview.", "code": 68}]}
用Github API的简单示例替换它-返回一个树,在本例中为我的存储库...
我不会包含输出,因为它很长。.(一次返回30个存储库)...但是这里证明它是树状的。
POST
请求。
Tumblr有一个提供JSON 的公共API。您可以使用简单的网址(如)获取帖子转储http://puppygifs.tumblr.com/api/read/json
。
?callback=foo
,您获得foo({...})
而不是var tumblr_api_read={...}
。API文档没有提到CORS支持,因此我强烈怀疑大多数用户还是会通过JSONP加载内容。
从Flickr找到了一个不需要注册/ API的文件。
基本样本Fiddle:http : //jsfiddle.net/Braulio/vDr36/
更多信息:发布
粘贴样本
的HTML
<div id="images">
</div>
Java脚本
// Querystring, "tags" search term, comma delimited
var query = "http://www.flickr.com/services/feeds/photos_public.gne?tags=soccer&format=json&jsoncallback=?";
// This function is called once the call is satisfied
// http://stackoverflow.com/questions/13854250/understanding-cross-domain-xhr-and-xml-data
var mycallback = function (data) {
// Start putting together the HTML string
var htmlString = "";
// Now start cycling through our array of Flickr photo details
$.each(data.items, function(i,item){
// I only want the ickle square thumbnails
var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg");
// Here's where we piece together the HTML
htmlString += '<li><a href="' + item.link + '" target="_blank">';
htmlString += '<img title="' + item.title + '" src="' + sourceSquare;
htmlString += '" alt="'; htmlString += item.title + '" />';
htmlString += '</a></li>';
});
// Pop our HTML in the #images DIV
$('#images').html(htmlString);
};
// Ajax call to retrieve data
$.getJSON(query, mycallback);
另一个非常有趣的是Star Wars Rest API:
该不倒翁V2 API提供了一个纯粹的JSON响应,但需要通过几个篮球跳跃:
范例网址:http : //api.tumblr.com/v2/blog/puppygifs.tumblr.com/posts/photo?api_key=YOUR_KEY_HERE
结果显示Fiddler中的树结构: