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