जावास्क्रिप्ट विधि प्राप्त करें

| | |

HTTP अनुरोधों का उपयोग करना वेब एप्लिकेशन बनाने की आधारशिलाओं में से एक है। HTTP अनुरोध आपको उपयोगकर्ता इनपुट से डेटा कैप्चर करने और बैकएंड के माध्यम से सर्वर पर भेजने की अनुमति देते हैं। फिर एक प्रतिक्रिया दी जाती है।

कभी-कभी ये अनुरोध डेटा भेजते हैं जो डेटाबेस में सहेजा जाता है, जैसे POST अनुरोध में। अन्य सामान्य अनुरोधों को प्रतिक्रिया मिलती है और इसे उपयोगकर्ता को दिखाते हैं। इसे GET अनुरोध कहा जाता है। jQuery में एक get () विधि है जो अनुरोध भेजने को सरल बनाती है।

jQuery get () क्या है?

jQuery get ()

कोड> एक ऐसी विधि है जो एक यूआरएल एंडपॉइंट पर जीईटी अनुरोध भेजती है और प्रतिक्रिया प्राप्त करती है। प्रतिक्रिया सर्वर द्वारा लौटाया गया डेटा है। POST अनुरोध के विपरीत, GET अनुरोध केवल सर्वर से पहले से मौजूद डेटा प्राप्त करता है। यह डेटाबेस में कुछ भी नहीं सहेजता है।

एक GET अनुरोध डेटा के एक विशिष्ट सबसेट का अनुरोध करने और इसके साथ कुछ करने के लिए उपयोगी है। उदाहरण के लिए, यदि हम एक ईकामर्स ऐप बनाते हैं, तो हम उत्पादों को एक्सेस करने के लिए एक यूआरएल एंडपॉइंट पर एक जीईटी अनुरोध भेजेंगे। हम प्रतिक्रिया में प्राप्त डेटा ले सकते हैं और इसे खरीद के लिए उपलब्ध सभी उत्पादों की एक टैब्ड प्रस्तुति बनाने के लिए प्रारूपित कर सकते हैं।

jQuery get () भेजने के लिए जिम्मेदार है एक यूआरएल के लिए एक अनुरोध और प्रतिक्रिया में डेटा प्राप्त करना। डेवलपर के पास अब सर्वर पर डेटा तक पहुंच है और वह इसे उपयोगकर्ता को अपनी इच्छानुसार दिखाना चुन सकता है।

अब जब हम जानते हैं कि GET अनुरोध क्या है, तो सिंटैक्स पर एक नज़र डालें get () विधि का।

get () jQuery सिंटेक्स

jQuery GET अनुरोध भेजना आसान बनाता है। get () डेटा प्राप्त करने के लिए एक स्ट्रिंग और कॉलबैक फ़ंक्शन के रूप में URL प्राप्त करता है। मूल रूप से, एक कॉलबैक फ़ंक्शन एक फ़ंक्शन है जिसे बाद में निष्पादित करने के लिए एक विधि को पास किया जाता है।

कॉलबैक की अधिक विस्तृत व्याख्या के लिए, इसे देखें मदद

कुछ वैकल्पिक तर्क हैं जो get () स्वीकार करते हैं, लेकिन सबसे अधिक उपयोग किए जाने वाले URL और कॉलबैक फ़ंक्शन हैं।

ई-कॉमर्स के हमारे उदाहरण के बाद, आइए देखें कि get ():

हम get () कहते हैं और हम इसे URL को एक स्ट्रिंग के रूप में पास करते हैं। अनुरोध उत्पाद अनुक्रमणिका पृष्ठ पर भेजा जाता है और सर्वर डेटा लौटाता है। कॉलबैक फ़ंक्शन कुछ तर्कों को स्वीकार करता है, लेकिन डेटा और स्थिति हमारे उद्देश्यों के लिए पर्याप्त होगी।

डेटा अनुरोध द्वारा प्राप्त डेटा का प्रतिनिधित्व करता है। हमारे उदाहरण में, हम केवल वही प्रदर्शित करते हैं जो कंसोल पर लौटाया जाता है। jQuery को कुछ प्रकार के डेटा को पहचानने के लिए बनाया गया था, लेकिन सबसे अधिक संभावना है कि हमें एक JSON ऑब्जेक्ट मिलेगा।

हमारे JSON ऑब्जेक्ट से वांछित जानकारी निकालने के लिए अतिरिक्त कोड की आवश्यकता होगी। आइए देखें कि यह कैसे करना है।

jQuery get () उदाहरण

हमारे उदाहरण के लिए, आइए एक मजेदार API का उपयोग करें। यह साइट हमें बताती है कि अभी अंतरिक्ष में कितने अंतरिक्ष यात्री हैं! यह हमें नाम और अंतरिक्ष यान भी देता है। आइए URL को get ():

जब हम अनुरोध भेजते हैं , हम इस प्रतिक्रिया को अपने कंसोल में दर्ज करते हैं:

यूआरएल से, हम पहले से ही जानते हैं कि हमें सर्वर द्वारा एक JSON ऑब्जेक्ट लौटाया जाएगा। कंसोल में, हम "संदेश", "संख्या" और "लोग" कुंजी देखते हैं। सफलता संदेश का मूल्य त्रुटि प्रबंधन में मदद करता है।

संख्यात्मक कुंजी अंतरिक्ष में लोगों की संख्या को दर्शाती है। "लोग" वस्तुओं की एक सरणी वाले मान को इंगित करता है। वहां से, हम "लोगों तालिकाओं के माध्यम से पुनरावृति कर सकते हैं और उस जानकारी को उपयोगकर्ता को एक सूची के रूप में प्रदर्शित कर सकते हैं। इस तरह से डेटा प्राप्त करने से डेवलपर यह चुनने के लिए स्वतंत्र हो जाता है कि सर्वर द्वारा लौटाए गए डेटा को कैसे प्रदर्शित किया जाए।

< डिव स्टाइल = "स्पष्ट: दोनों; मार्जिन-टॉप: 0em; मार्जिन-बॉटम: 0.5em;"> <स्टाइल मीडिया =" सभी " >. u6fbe69c0f23a8dddce64a933ae7cc7a6 {शीर्ष मार्जिन: 1em! महत्वपूर्ण; पैडिंग-नीचे: 1em! महत्वपूर्ण; चौड़ाई: 100%; प्रदर्शन: ब्लॉक; फ़ॉन्ट वजन: 700; पृष्ठभूमि का रंग: #FFF; सीमा: 0! महत्वपूर्ण; बाएं सीमा: 4px ठोस इनहेरिट ! महत्वपूर्ण ; टेक्स्ट डेकोरेशन: कोई नहीं} .u6fbe69c0f23a8dddce64a933ae7cc7a6: सक्रिय, .u6fbe69c0f23a8dddce64a933ae7cc7a6: होवर {अपारदर्शिता: 1 ; संक्रमण: अस्पष्टता 250a6a6; वेबकिट-एम; वेबकिट- 250 एमएमएस-250 एमएमएस संक्रमण: 250 एमएमएस } .u6fbe69c0f23a8dddce64a933ae7cc7a6 .ctaText {फ़ॉन्ट-वज़न: 700; रंग: # 000; टेक्स्ट-सजावट: कोई नहीं; फ़ॉन्ट-आकार: 16px} .u6fbe69c0f23a8dpost7ae7a7a7a-964ait5} पोस्ट टिरेशन: एच:

निष्कर्ष

हमने देखा कि GET अनुरोध क्या है और कैसे jQuery इसे तेज और आसान बनाता है। सामान्य सिंटैक्स प्रथाओं से परिचित होने के बाद, हमने get () को क्रिया में देखा। यह ध्यान रखना महत्वपूर्ण है कि कॉलबैक फ़ंक्शन के मुख्य भाग से डेटा को पुनरावृत्त और प्रस्तुत किया जा सकता है।

वहां से, कुछ सरल एपीआई पर शोध करने और अभ्यास करने के लिए छोटी परियोजनाओं को बनाने के लिए एक मजेदार परियोजना हो सकती है। GET अनुरोध करना और उस डेटा की कल्पना करना। डेटा को सुखद तरीके से प्राप्त करना और देखना एक विशेषज्ञ डेवलपर बनने की शुरुआत है।

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method