JSON 是一種比較方便的數(shù)據(jù)形式 具體的大家可以參考http://baike.baidu.com/view/136475.htm 還挺詳細(xì)的。

成都創(chuàng)新互聯(lián)是一家企業(yè)級(jí)云計(jì)算解決方案提供商,超15年IDC數(shù)據(jù)中心運(yùn)營(yíng)經(jīng)驗(yàn)。主營(yíng)GPU顯卡服務(wù)器，站群服務(wù)器，成都二樞機(jī)房，海外高防服務(wù)器，大帶寬服務(wù)器，動(dòng)態(tài)撥號(hào)VPS，海外云手機(jī)，海外云服務(wù)器，海外服務(wù)器租用托管等。

今天用JQuery 寫(xiě)了一個(gè)JSON的東西，用了 $.getJSON方法，獲得JSON數(shù)據(jù)和解析 都挺方便簡(jiǎn)單的。

從http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=? 這個(gè)地址得到JSON數(shù)據(jù) 并且分析里面的結(jié)構(gòu)，生成圖片和相關(guān)鏈接等：

JS:

 
 
 

  
  
  
$(function(){  
  
  
  
        var url="http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?" 
  
  
  
        $.getJSON(　　　　 //使用getJSON方法取得JSON數(shù)據(jù)  
  
  
  
        url,  
  
  
  
        function(data){ //處理數(shù)據(jù) data指向的是返回來(lái)的JSON數(shù)據(jù)  
  
  
  
                var tit=""+data.title +"<\/a>"; //生成標(biāo)題和標(biāo)題連接  
  
  
  
                $("h1").html(tit); 　　　　//出現(xiàn)在指定位置H1 內(nèi)  
  
  
  
                $("#ginfo").find("p").eq(0).html(data.modified);   
  
  
  
                $("#ginfo").find("p").eq(1).html(data.generator);  
  
  
  
                var lis=""; 　　　//li 列表項(xiàng)目  
  
  
  
                $(data.items).each(function(i,ite){ 　　　　//遍歷JSON數(shù)據(jù)得到所需形式  
  
  
  
                    lis+="
";  
  
  
  
                    lis+="<\/><\/a>";  
  
  
  
                    lis+="
";  
  
  
  
                    lis+=ite.description;                  
  
  
  
                    lis+="<\/div><\/li>";                  
  
  
  
                    })  
  
  
  
                $("ul").html(lis);   　　　//將遍歷出來(lái)的數(shù)據(jù)呈現(xiàn)在所需位置  
  
  
  
                $("li").hover(function(){$(this).addClass("hov")}, function(){$(this).removeClass("hov")});      
  
  
  
        }  
  
  
  
        )  
  
  
  
  })          
 
 
 

HTML: