वेब एप्लिकेशन बनाने की आधारशिला HTTP अनुरोधों का उपयोग करना है। HTTP अनुरोध उपयोगकर्ता इनपुट से डेटा कैप्चर करने की अनुमति देते हैं फिर इसे बैक एंड के माध्यम से सर्वर पर भेजते हैं। बाद में, एक प्रतिक्रिया लौटाई जाती है।
कभी-कभी ये अनुरोध डेटा भेजते हैं जो डेटाबेस में सहेजा जाता है, जैसे POST अनुरोध में। अन्य सामान्य अनुरोध प्रतिक्रिया प्राप्त करते हैं और इसे उपयोगकर्ता को प्रदर्शित करते हैं। इसे GET अनुरोध के रूप में जाना जाता है। jQuery में एक get() मेथड है जो अनुरोध भेजने को एक सुव्यवस्थित प्रक्रिया बनाता है।
jQuery get() क्या है?
jQuery get() एक मेथड है जो एक URL एंडपॉइंट पर GET अनुरोध भेजता है और प्रतिक्रिया प्राप्त करता है। प्रतिक्रिया सर्वर से वापस भेजा गया डेटा है। POST अनुरोध के विपरीत, GET अनुरोध केवल सर्वर से पूर्व-मौजूद डेटा प्राप्त करता है। यह डेटाबेस में कुछ भी सहेजता नहीं है।
GET अनुरोध डेटा के एक विशिष्ट सबसेट का अनुरोध करने और इसके साथ कुछ करने के लिए उपयोगी है। उदाहरण के लिए, यदि हम ई-कॉमर्स ऐप बना रहे हैं, तो हम प्रोडक्ट्स तक पहुंचने के लिए URL एंडपॉइंट पर GET अनुरोध भेजेंगे। हम प्रतिक्रिया में प्राप्त डेटा ले सकते हैं, और इसे सभी उपलब्ध प्रोडक्ट्स के कार्ड लेआउट बनाने के लिए स्टाइल कर सकते हैं।
jQuery get() URL पर अनुरोध भेजने और प्रतिक्रिया के रूप में डेटा प्राप्त करने के लिए जिम्मेदार है। डेवलपर के पास अब सर्वर से डेटा तक पहुंच है और वह इसे वांछित अनुसार उपयोगकर्ता को प्रदर्शित करना चुन सकता है।
अब जब हम GET अनुरोध क्या है इससे परिचित हैं, आइए get() मेथड के सिंटैक्स को देखते हैं।
get() jQuery सिंटैक्स
jQuery GET अनुरोध भेजना सीधा बनाता है। get() URL एड्रेस को स्ट्रिंग के रूप में और डेटा प्राप्त करने के लिए कॉलबैक फंक्शन प्राप्त करता है। मूल रूप से, कॉलबैक फंक्शन एक फंक्शन है जिसे बाद में निष्पादित करने के लिए मेथड को पास किया जाता है।
कॉलबैक फंक्शन्स की अधिक गहन व्याख्या के लिए, इस गाइड को देखें।
get() कुछ वैकल्पिक आर्गुमेंट्स स्वीकार करता है, लेकिन सबसे अधिक उपयोग किए जाने वाले URL और कॉलबैक फंक्शन हैं।
हमारे ई-कॉमर्स उदाहरण पर कायम रहते हुए, आइए देखते हैं कि get() का उपयोग करके एक बुनियादी GET अनुरोध कैसा दिखेगा:
$.get('/products', (data) => { console.log(data) })
हम get() को कॉल करते हैं और इसे स्ट्रिंग के रूप में URL पास करते हैं। अनुरोध प्रोडक्ट्स इंडेक्स पेज पर भेजा जा रहा है और सर्वर डेटा वापस भेजेगा। कॉलबैक फंक्शन कुछ आर्गुमेंट्स स्वीकार करता है, लेकिन डेटा और स्टेटस हमारे उद्देश्यों के लिए पर्याप्त होंगे।
डेटा अनुरोध से प्राप्त डेटा को दर्शाता है। हमारे उदाहरण में, हम केवल कंसोल में जो वापस आता है उसे आउटपुट कर रहे हैं। jQuery कुछ डेटा प्रकारों को पहचानने के लिए बनाया गया था, लेकिन सबसे अधिक संभावना है कि हमें JSON ऑब्जेक्ट मिलेगा।
हमारे JSON ऑब्जेक्ट से वांछित जानकारी निकालने के लिए आगे कोड की आवश्यकता होगी। आइए देखते हैं कि हम ऐसा कैसे कर सकते हैं।
jQuery get() उदाहरण
हमारे उदाहरण के लिए, आइए एक मजेदार API का उपयोग करते हैं। यह साइट हमें बताती है कि अभी अंतरिक्ष में कितने अंतरिक्ष यात्री हैं! यह हमें उनके नाम और स्पेस क्राफ्ट भी देता है। आइए URL को get() में पास करके शुरू करते हैं:
$.get('https://api.open-notify.org/astros.json', (data) => { console.log(data) })
जब हम अनुरोध भेजते हैं, तो हमें यह प्रतिक्रिया हमारे कंसोल में लॉग की हुई मिलती है:
URL से, हम पहले से ही जानते हैं कि हमें सर्वर से JSON ऑब्जेक्ट लौटाया जाएगा। कंसोल में, हम "message", "number", और "people" की कुंजियाँ देखते हैं। सफलता का संदेश मान त्रुटि संचालन में मदद करता है।
नंबर कुंजी अंतरिक्ष में लोगों की संख्या को संदर्भित करती है। "People" ऑब्जेक्ट्स के अरे समाहित करने वाले मान की ओर इशारा करता है। यहां से, हम "people" अरे पर पुनरावृति कर सकते हैं और उस जानकारी को उपयोगकर्ता को सूची के रूप में प्रदर्शित कर सकते हैं। सर्वर द्वारा लौटाए गए डेटा को प्राप्त करना इस तरह डेवलपर पर छोड़ देता है कि डेटा को कैसे प्रदर्शित किया जाए।
निष्कर्ष
हमने समीक्षा की कि GET अनुरोध क्या है और jQuery इसे त्वरित और सीधा कैसे बनाता है। सामान्य सिंटैक्स प्रथाओं से परिचित होने के बाद, हमने get() को एक्शन में देखा। यह ध्यान रखना महत्वपूर्ण है कि डेटा को कॉलबैक फंक्शन के शरीर से पुनरावृति और रेंडर किया जा सकता है।
यहां से, एक मजेदार प्रोजेक्ट सरल APIs को देखना और GET अनुरोध भेजने और उस डेटा को प्रदर्शित करने का अभ्यास करने के लिए छोटे प्रोजेक्ट्स बनाना हो सकता है। डेटा को प्राप्त करना और सुखद तरीके से रेंडर करना एक कुशल डेवलपर बनने की शुरुआत है।
