用Jquery处理JSON数据
星期三, 04月 2nd, 2008Jquery处理JSON的方法是:jQuery.getJSON( url, [data], [callback] )
范例一:用jquery获取我在flickr相册的所有图片,不过考虑速度,只显示4张,完整代码请看DEMO源码。
DEMO:http://liuyami.com/labs/flickr/flickr.html
代码:
$(function(){
$.getJSON(”http://api.flickr.com/services/feeds/photos_public.gne?id=25255302@N03&tagmode=any&format=json&jsoncallback=?”,function(data){
$.each(data.items, function(i,item){
$(”<img/> “).attr(”src”, item.media.m).appendTo(”#images”);
if ( i == 3 ) return false; //计数器,只显示4张
});
});
});
示范二:处理PHP返回的JSON数据
$(function(){
$.getJSON(”data.php”, function(json){
for(var i = 0; i < json.length; i++)
{
alert(”name:” + json[i].name);
alert(”age:” + json[i].age);
}
});
});