ฉันกำลังทำงานกับการควบคุมผู้ใช้มุมมองต้นไม้ที่โหลดแบบไดนามิกของ JavaScript ฉันต้องการทดสอบกับข้อมูลจริง
มีใครรู้จักบริการสาธารณะที่มี API ที่ให้การเข้าถึงข้อมูลตามลำดับชั้นในรูปแบบ JSON หรือไม่
ฉันกำลังทำงานกับการควบคุมผู้ใช้มุมมองต้นไม้ที่โหลดแบบไดนามิกของ JavaScript ฉันต้องการทดสอบกับข้อมูลจริง
มีใครรู้จักบริการสาธารณะที่มี API ที่ให้การเข้าถึงข้อมูลตามลำดับชั้นในรูปแบบ JSON หรือไม่
คำตอบ:
Twitter มี API สาธารณะที่ส่งคืน JSON เช่น -
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 repos ในแต่ละครั้ง) ... แต่นี่เป็นข้อพิสูจน์ว่ามันเป็นแบบ Tree-ed-ness
POST
คำขอ
Tumblr มีAPI สาธารณะที่ให้ JSON คุณจะได้รับการถ่ายโอนข้อมูลจากการโพสโดยใช้ URL 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>
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);
อีกอย่างที่น่าสนใจคือ Star Wars Rest API:
Tumbler V2 APIให้การตอบสนอง JSON บริสุทธิ์ แต่ต้องกระโดดผ่านห่วงน้อย:
ตัวอย่าง URL: http://api.tumblr.com/v2/blog/puppygifs.tumblr.com/posts/photo?api_key=YOUR_KEY_HERE
ผลการแสดงโครงสร้างต้นไม้ในFiddler :