# 18: अजाक्स और JSON - सीएसएस-ट्रिक्स

Anonim

एक अच्छा मौका है जो "वास्तविक दुनिया" में है, # 1 चीज़ जिसे आप अजाक्स के लिए उपयोग करते हैं, वह JSON डेटा भेजना और प्राप्त करना है। और अच्छे कारण के लिए। JSON, HTML जैसी किसी भी दृश्य संरचना को नहीं मानता है। यह केवल कच्चा डेटा है और आप इसके साथ वही कर सकते हैं जो आप करेंगे, जो इसे अक्सर टेम्पलेट्स में डाल दिया जाता है। यह सर्वरों से क्लाइंट (ब्राउज़रों) के कुछ कामों को लोड करता है। आप जावास्क्रिप्ट के बारे में और अधिक जानकारी प्राप्त कर सकते हैं।

jQuery के पास JSON प्राप्त करने के लिए एक विशेष अजाक्स फ़ंक्शन है, जिसे उचित रूप से & .getJSON () नाम दिया गया है। यह GET के समान दिखता है:

$.getJSON( "http://codepen.io/chriscoyier/pen/EAIJj.js", function(data) ( // Success! Do stuff with data. console.log(data); ) );

अंतर यह है कि कॉलबैक में डेटा ऑब्जेक्ट एक रेडी-टू-रॉक ऑब्जेक्ट है जो डेटा से भरा होता है, आप जो भी करना चाहते हैं वह कर सकते हैं। इसके माध्यम से लूप को पृष्ठ पर सामान जोड़ते हैं।

अब तक हमने $ .get, $ .post और $ .getJSON के बारे में बात की है - लेकिन यह ध्यान देने योग्य है कि ये सभी सुविधा के तरीके हैं जो अंततः $ .ajax कहते हैं। यदि आप अपने सभी अजाक्स विकल्पों के बारे में बहुत विशिष्ट होना पसंद करते हैं, तो आप इसे सीधे उपयोग कर सकते हैं।