JSON डेटा का उपयोग कर तालिका बनाने के लिए jQuery फ़ंक्शन

Question

आप स्थानीय फ़ाइल से JSON ऑब्जेक्ट कैसे पुनर्प्राप्त करते हैं और इसे jQuery का उपयोग करके तालिका में प्रदर्शित करते हैं? - डेमो http://jsfiddle.net/kVdZG/

आप पुनरावृति और तत्वों जोड़ सकते हैं

{ 
"scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] 
} 

Answer 1

var json = { "scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] } 

    $.each(json.scores,function(key,value){ 

     alert(key + " "+value) 
    }) 

यू यहाँ http://jsfiddle.net/atMa7/

Answer 2

उदाहरण से देख सकते हैं: यहाँ JSON फ़ाइल की सामग्री (jsondata.json) है।

<table id='scores' border="1"></table> 

जे एस -

var data = { "scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] } 


$(data.scores).each(function(index, element){ 
    $('#scores').append('<tr><td> '+element[0]+' </td> <td> '+element[1]+' </td></tr>');  
}) 

Answer 3

jQuery JSON HTML तालिका के रूप में स्वरूपित करने के लिए किसी भी समारोह प्रदान नहीं करता है। jQuery केवल JSON ऑब्जेक्ट को पुन: स्थापित करने और DOM में हेरफेर करने के लिए आवश्यक कार्यक्षमता प्रदान करता है। हालांकि, jQuery प्लगइन्स हैं जो ऐसा कर सकते हैं।

https://github.com/gajus/json-to-table