वेब विकास

रोडमैप क्या है HTTP क्या है एचटीएमएल क्या है सीएसएस क्या है उत्तरदायी क्या है जावास्क्रिप्ट क्या है ES5 क्या है? एचटीएमएल डोम क्या है गूगल मैप्स क्या है गूगल फॉन्ट क्या है Google चार्ट क्या है एक्सएमएल क्या है अजाक्स क्या है? JSON क्या है सीएसएस प्रतीक क्या है बूटस्ट्रैप क्या है W3.CSS क्या है सीएलआई क्या है? एनपीएम . क्या है गिटहब क्या है jQuery क्या है एंगुलरजेएस क्या है प्रतिक्रिया क्या है Vue.js क्या है W3.JS क्या है? फ्रंट-एंड देव क्या है। फुलस्टैक क्या है फुलस्टैक JS क्या है एसक्यूएल क्या है

अमेज़न एडब्ल्यूएस

एडब्ल्यूएस ईसी2 क्या है एडब्ल्यूएस आरडीएस क्या है एडब्ल्यूएस क्लाउडफ्रंट क्या है एडब्ल्यूएस एसएनएस क्या है लोचदार बीनस्टॉक क्या है एडब्ल्यूएस ऑटो स्केलिंग क्या है एडब्ल्यूएस आईएएम क्या है? एडब्ल्यूएस अरोड़ा क्या है एडब्ल्यूएस डायनेमोडीबी क्या है एडब्ल्यूएस वैयक्तिकृत क्या है एडब्ल्यूएस मान्यता क्या है एडब्ल्यूएस क्विकसाइट क्या है एडब्ल्यूएस पोली क्या है एडब्ल्यूएस पिनपॉइंट क्या है

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


एचटीएमएल
JSON

JSON का अर्थ है J ava S क्रिप्ट O bject N otation

JSON डेटा के भंडारण और परिवहन के लिए एक हल्का प्रारूप है

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

JSON "स्व-वर्णन" है और समझने में आसान है


JSON उदाहरण

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

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

अभी JSON सीखें!


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

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

जावास्क्रिप्ट ऑब्जेक्ट नोटेशन

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

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

JSON सिंटैक्स जावास्क्रिप्ट ऑब्जेक्ट नोटेशन सिंटैक्स से लिया गया है, लेकिन 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 स्ट्रिंग बनाएं:

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

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

var obj = JSON.parse(text);

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

उदाहरण

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

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


पूर्ण JSON ट्यूटोरियल

यह JSON का संक्षिप्त विवरण रहा है।

संपूर्ण JSON ट्यूटोरियल के लिए W3Schools JSON Tutorial पर जाएं ।