जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके जे एस दिनांक सेट तरीके जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


जावास्क्रिप्ट JSON


JSON डेटा को संग्रहीत और परिवहन करने का एक प्रारूप है।

JSON का उपयोग अक्सर तब किया जाता है जब सर्वर से वेब पेज पर डेटा भेजा जाता है।


जेएसओएन क्या है?

  • JSON का अर्थ है J ava S क्रिप्ट O bject N otation
  • JSON एक हल्का डेटा इंटरचेंज प्रारूप है
  • JSON भाषा स्वतंत्र है *
  • JSON "स्व-वर्णन" है और समझने में आसान है

* JSON सिंटैक्स जावास्क्रिप्ट ऑब्जेक्ट नोटेशन सिंटैक्स से लिया गया है, लेकिन JSON प्रारूप केवल टेक्स्ट है। JSON डेटा को पढ़ने और उत्पन्न करने के लिए कोड किसी भी प्रोग्रामिंग भाषा में लिखा जा सकता है।


JSON उदाहरण

यह JSON सिंटैक्स एक कर्मचारी ऑब्जेक्ट को परिभाषित करता है: 3 कर्मचारी रिकॉर्ड (ऑब्जेक्ट्स) की एक सरणी:

JSON उदाहरण

{
"employees":[
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
]
}

JSON प्रारूप जावास्क्रिप्ट ऑब्जेक्ट्स का मूल्यांकन करता है

JSON प्रारूप वाक्य-रचना की दृष्टि से JavaScript ऑब्जेक्ट बनाने के कोड के समान है।

इस समानता के कारण, एक जावास्क्रिप्ट प्रोग्राम आसानी से JSON डेटा को मूल जावास्क्रिप्ट ऑब्जेक्ट में बदल सकता है।


JSON सिंटैक्स नियम

  • डेटा नाम/मूल्य जोड़े में है
  • डेटा को अल्पविराम द्वारा अलग किया जाता है
  • घुंघराले ब्रेसिज़ वस्तुओं को पकड़ते हैं
  • वर्गाकार कोष्ठक में सरणियाँ होती हैं


JSON डेटा - एक नाम और एक मान

JSON डेटा को जावास्क्रिप्ट ऑब्जेक्ट गुणों की तरह ही नाम/मान जोड़े के रूप में लिखा जाता है।

एक नाम/मान जोड़ी में एक फ़ील्ड नाम (दोहरे उद्धरणों में) होता है, उसके बाद एक कोलन, उसके बाद एक मान होता है:

"firstName":"John"

JSON नामों के लिए दोहरे उद्धरण चिह्नों की आवश्यकता होती है। जावास्क्रिप्ट नाम नहीं है।


JSON ऑब्जेक्ट्स

JSON ऑब्जेक्ट घुंघराले ब्रेसिज़ के अंदर लिखे गए हैं।

जावास्क्रिप्ट की तरह ही, वस्तुओं में कई नाम/मान जोड़े हो सकते हैं:

{"firstName":"John", "lastName":"Doe"}

JSON सरणियाँ

JSON सरणियाँ वर्गाकार कोष्ठकों के अंदर लिखी जाती हैं।

जावास्क्रिप्ट की तरह ही, एक सरणी में ऑब्जेक्ट हो सकते हैं:

"employees":[
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
]

ऊपर के उदाहरण में, वस्तु "कर्मचारी" एक सरणी है। इसमें तीन वस्तुएँ हैं।

प्रत्येक वस्तु एक व्यक्ति का रिकॉर्ड है (प्रथम नाम और अंतिम नाम के साथ)।


JSON टेक्स्ट को JavaScript ऑब्जेक्ट में कनवर्ट करना

JSON का एक सामान्य उपयोग वेब सर्वर से डेटा पढ़ना और डेटा को वेब पेज में प्रदर्शित करना है।

सादगी के लिए, इसे इनपुट के रूप में एक स्ट्रिंग का उपयोग करके प्रदर्शित किया जा सकता है।

सबसे पहले, JSON सिंटैक्स वाली JavaScript स्ट्रिंग बनाएं:

let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

JSON.parse()फिर, स्ट्रिंग को जावास्क्रिप्ट ऑब्जेक्ट में बदलने के लिए जावास्क्रिप्ट बिल्ट-इन फ़ंक्शन का उपयोग करें :

const obj = JSON.parse(text);

अंत में, अपने पेज में नई जावास्क्रिप्ट ऑब्जेक्ट का उपयोग करें:

उदाहरण

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

आप हमारे JSON ट्यूटोरियल में JSON के बारे में अधिक पढ़ सकते हैं