Je travaille sur un contrôle utilisateur de la vue arborescente chargée dynamiquement avec JavaScript. Je voudrais le tester avec des données du monde réel.
Est-ce que quelqu'un connaît un service public avec une API qui donne accès à des données hiérarchiques au format JSON?
Twitter a une API publique qui renvoie JSON, par exemple -
Une demande GET
à:
https://api.Twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name=mralexgray&count=1
,
EDIT: Supprimé car Twitter restreint leur API avec OAUTH
conditions requises ...
{"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}]}
Le remplacer par un exemple simple de Github API - qui renvoie une arborescence, dans ce cas, mes référentiels ...
Je n'inclurai pas la sortie, car elle est longue .. (retourne 30 pensions à la fois) ... Mais voici la preuve que c'est un arbre.
JSON Test a quelques
essayez-le gratuitement et a aussi d'autres fonctionnalités.
Tumblr a une API publique qui fournit JSON. Vous pouvez obtenir une décharge de messages en utilisant une simple URL telle que http://puppygifs.tumblr.com/api/read/json
.
Trouvé un de Flickr qui n'a pas besoin d'inscription/api.
Exemple de base, Fiddle: http://jsfiddle.net/Braulio/vDr36/
Plus d'infos: post
Échantillon collé
[~ # ~] html [~ # ~]
<div id="images">
</div>
Javascript
// 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);
Un autre très intéressant est l’API Star Wars Rest:
Le Tumbler V2 API fournit une réponse JSON pure mais nécessite de sauter à travers quelques cercles:
Exemple d'URL: http://api.tumblr.com/v2/blog/puppygifs.tumblr.com/posts/photo?api_key=YOUR_KEY_HERE
Résultat montrant la structure arborescente dans Fiddler :