jquery - My app is sending me JSON. How do I take that JSON and inject HTML into the page? -

$। Ajax के साथ, मुझे एक JSON प्रतिक्रिया मिल रही है जैसे कि:

  [{"project": {"name": "P1111", विवरण ":" मुझे चिकन सूप पसंद है "," सक्रिय ": सच}} ..... कई बार दोहराता है)  

मैं jQuery के साथ क्या करना चाहूंगा, वह JSON प्रतिक्रिया लेता है, और इसके द्वारा id = target

 
 < 
 P1111 - मुझे चिकन का सूप - सक्रिय & lt; / li & gt; & lt; li & gt; 3311 - मुझे हरी सूप पसंद है - सक्रिय & lt; / li & gt; & lt; li & gt; 4324234 - & lt; li & gt; & lt;  
 
 सर्वर से मेरा JSON प्रतिक्रिया:  

P>

  [{"project": {"name": "तीसरा प्रोजेक्ट XXXX", "बनाया गया_एट": "2010-09-21टी 05: 00: 28Z", "अपडेटेड_ैट": "2010-09- 21 ": 05: 00: 28Z", "site_id": 1, "creator": 1, "id": 3, "वर्णन": "मैं चिकन खा रहा हूं", "सक्रिय": सच}}, {"project": {" नाम ":" यह 10:11 अपराह्न 2 "," बनाया गया ":" 2010-09-21 टि 05: 11 : 25Z "," updated_at ":" 2010-09-21T05: 22: 07Z "," site_id ": 1," निर्माता ": 1," आईडी ": 7," विवरण ":" यह 10:11 बजे है 10:11 pm22 "," सक्रिय ": सच}}, {" प्रोजेक्ट ": {" नाम ":" मेरी पहली परियोजना "," बनाया गया_एट ":" 2010-09-21T04: 15: 54Z "," अपडेटेड_ैट ":" 2010-09 -21T04: 15: 54Z "," site_id ": 1," निर्माता ": 1," id ": 1," description ":" Wowwww "," सक्रिय ": सच}}, {" परियोजना ": {" नाम ":" क्या एक महान परियोजना "," बनाया_अट ":" 2010-09-21 टेटी 4: 16: 07Z "," अपडेटेड_एट ":" 2010-09-21 टेटी 4: 58: 24Z "," साइट_आईडी ": 1," निर्माता " : 1, "आईडी": 2, "विवरण": "अपडेट किया हुआ विवरण 2", "सक्रिय": सत्य}}, {"प्रोजेक्ट": {"नाम": "बड़ा 6", "बनाया गया_एट": "2010-09 -21T05: 08: 22Z "," updated_at ":" 2010-09-21T05: 08: 22Z "," site_id ": 1," निर्माता ": 1," आईडी ": 6," विवरण ":" बड़ा 6 बड़ा 6 "," सक्रिय ": सही}}]  

$ .एजेंड < / P> <पूर्व> $। एजेक्स ({url: url, डेटाटाइप: 'जेसन', सफलता: फ़ंक्शन (डेटा) {$ .each (डेटा, फ़ंक्शन (i, आइटम) {$ ('# target' ) .add ('& lt; li & gt;' + item.project.name + '& lt; / li & gt;'); }); }

});

मैं $ .getJSON का उपयोग करने का सुझाव देता हूं, क्योंकि आपका कोड कम होगा, क्लाइंट को आपकी ट्रांसमिलेशन को छोटा करना।

यह कैसे करना है यह एक कठिन विचार है। सूची में li संलग्न करने के कई तरीके हैं।