2013-02-05 208 views
0

我是Jquery的新手,我有這個json文件。將json數據附加到表中

var json2 = { 
     "data": [ 
        { 
         "cid": "Movie", 
         "id": "/en/MIB", 
         "topic": "Men In Black", 
         "audience": [ 
          { 


           "userid": "100003914111287", 
           "Name" : "Sandi Tan", 
           "information": [ 
            { 
             "category": "Athlete", 
             "source": "Didier Drogba" 
            }, 
            { 
             "category": "Athlete", 
             "source": "Frank Lampard" 
            }, 
            { 
             "category": "Professional sports team", 
             "source": "Chelsea Football Club" 
            }, 
            { 
             "category": "favorite_teams", 
             "source": "Chelsea Football Club" 
            } 
           ] 
          }, 
          { 
           "userid": "100003914111287", 
           "Name": "Celia Tio", 
           "information": [ 
            { 
             "category": "Athlete", 
             "source": "Didier Drogba" 
            }, 
            { 
             "category": "Athlete", 
             "source": "Frank Lampard" 
            }, 
            { 
             "category": "Professional sports team", 
             "source": "Chelsea Football Club" 
            }, 
            { 
             "category": "favorite_teams", 
             "source": "Chelsea Football Club" 
            } 
           ] 
          } 
         ], 
         "type": "/soccer/football_team" 
        }, 
        { 


         "id": "/en/Harry Potter", 
         "topic": "Harry Potter and the goblet of fire", 
         "audience": [ 
          { 
           "userid": "100003914111287", 
           "Name": "Gibson Tay", 

           "information": [ 
            { 
             "category": "Athlete", 
             "source": "Ryan Giggs" 
            }, 
            { 
             "category": "Professional sports team", 
             "source": "Manchester United" 
            }, 
            { 
             "category": "favorite_teams", 
             "source": "Manchester United" 
            } 
           ], 
           "userid": "100003921730958" 
          }, 

          { 
           "userid": "100003914111287", 
           "Name": "James Tan", 
           "information": [ 
            { 
             "category": "Athlete", 
             "source": "Didier Drogba" 
            }, 
            { 
             "category": "Athlete", 
             "source": "Frank Lampard" 
            }, 
            { 
             "category": "Professional sports team", 
             "source": "Chelsea Football Club" 
            }, 
            { 
             "category": "favorite_teams", 
             "source": "Chelsea Football Club" 
            } 
           ] 
          } 


         ], 
         "type": "/soccer/football_team" 
        }, 

        { 
         "cid": "Movie", 
         "id": "/en/Iron Man", 
         "topic": "Iron Man", 
         "audience": [ 
          { 
           "userid": "100003914111287", 
           "Name" : "Edmund Tan", 
           "information": [ 
            { 
             "category": "Athlete", 
             "source": "Didier Drogba" 
            }, 
            { 
             "category": "Athlete", 
             "source": "Frank Lampard" 
            }, 
            { 
             "category": "Professional sports team", 
             "source": "Chelsea Football Club" 
            }, 
            { 
             "category": "favorite_teams", 
             "source": "Chelsea Football Club" 
            } 
           ] 
          }, 



       ], 

         "type": "/soccer/football_team" 
        } 
       ] 

    }; 

如何提取出信息。餘萬隻主題名稱(如黑衣人)和人名稱(如「三迪譚」),並追加到它看起來像這樣的表:

**Men in Black, Iron man Harry Potter** 
Sandi Tan  Edmund Tan Gibson Tay 
Celia Tio     James tan 

回答

2
json2.data[0].topic //to get Men in black 
json2.data[0].audience[0].Name // to get Sandi Tan 

要獲得所有的名字和主題,然後再能做到這樣的一個循環

for(key in json2.data){ 
console.log(json2.data[key].topic); 
console.log(json2.data[key].audience[0].Name) 
} 

要追加到表

$('<td> Audience : '+json2.data[0].audience[0].Name+'</td><td>Topic : '+json2.data[0].topic+'</td>').appendTo(tableid); 

動態添加到表

var td =""; 
for(key in json2.data){ 
td += "<tr><td>"+json2.data[key].topic+"</td><td>"+json2.data[key].audience[0].Name+"</td></tr>"; 
} 
$(td).appendTo('body'); 
+0

但我該如何追加到表中? – Derrick

+0

檢查新更新 – Anton

+0

我可以動態添加到表格中嗎?而不是通過使用json2.data [0] .audience [0] .Name? – Derrick