JSON को पार्स करने के लिए, parseJSON() का उपयोग करें और एक विशिष्ट जोड़ी को प्रदर्शित करने के लिए $.each() फ़ंक्शन का उपयोग करें।
मान लें कि निम्नलिखित हमारा JSON है, जिसे पार्स किया गया है -
const APIData = '[{"Name":"John","Age":21},{"Name":"David","Age":24},{"Name":"Bob","Age" :20}]'; const getObject = jQuery.parseJSON(APIData);
अब, पूरा कोड देखते हैं और "नाम" जोड़े प्राप्त करते हैं -
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale= 1.0"> <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body> <script> const APIData = '[{"Name":"John","Age":21},{"Name":"David","Age":24},{"Name":"Bob","Age":20}]'; const getObject = jQuery.parseJSON(APIData); $.each(getObject, function (k,obj) { console.log(obj['Name']); }); </script> </body> </html>
उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा।