Saya sedang mengerjakan kontrol pengguna tampilan pohon JavaScript yang dimuat secara dinamis. Saya ingin mengujinya dengan data dunia nyata.
Adakah yang tahu layanan publik dengan API yang menyediakan akses ke data hierarki dalam format JSON?
Saya sedang mengerjakan kontrol pengguna tampilan pohon JavaScript yang dimuat secara dinamis. Saya ingin mengujinya dengan data dunia nyata.
Adakah yang tahu layanan publik dengan API yang menyediakan akses ke data hierarki dalam format JSON?
Jawaban:
Twitter memiliki API publik yang mengembalikan JSON, misalnya -
Sebuah GET
permintaan ke:
https://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name=mralexgray&count=1
,
EDIT: Dihapus karena twitter membatasi API mereka dengan OAUTH
persyaratan ...
{"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}]}
Menggantinya dengan contoh sederhana dari Github API - yang mengembalikan pohon, dalam hal ini, repositori saya ...
Saya tidak akan menyertakan output, karena panjangnya .. (mengembalikan 30 repo sekaligus) ... Tapi di sini adalah bukti dari pohon-ed-ness.
POST
permintaan.
Tumblr memiliki API publik yang menyediakan JSON. Anda bisa mendapatkan banyak posting menggunakan url sederhana seperti http://puppygifs.tumblr.com/api/read/json
.
?callback=foo
dan Anda dapatkan foo({...})
sebagai gantinya var tumblr_api_read={...}
. Dokumen API tidak menyebutkan dukungan CORS jadi saya sangat curiga sebagian besar pengguna akan memuat konten melalui JSONP.
Ditemukan satu dari Flickr yang tidak membutuhkan registrasi / api.
Sampel dasar, Fiddle: http://jsfiddle.net/Braulio/vDr36/
Info lebih lanjut: posting
Sampel ditempel
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);
Menarik lainnya adalah Star Wars Rest API:
The Tumbler V2 API memberikan respon JSON murni tetapi membutuhkan melompat melalui beberapa rintangan:
Contoh URL: http://api.tumblr.com/v2/blog/puppygifs.tumblr.com/posts/photo?api_key=YOUR_KEY_HERE
Hasil yang menunjukkan struktur pohon di Fiddler :