Ajax jQuery का उपयोग करने के सबसे बड़े कारणों में बहुत ऊपर है। न केवल jQuery क्रॉस-ब्राउज़र समस्याओं को ठीक करता है, यह सिंटैक्स को उपयोग करने और समझने में बहुत आसान बनाता है।
इस वीडियो में हम यह बताते हैं कि अजाक्स आखिर है क्या। हम एक फॉर्म एलिमेंट को देखते हैं, जिसे सबमिट करने पर, आपके द्वारा निर्दिष्ट URL पर GET या POST अनुरोध (विधि विशेषता के अनुसार) करता है (जैसा कि एक्शन विशेषता द्वारा निर्धारित होता है)। यह सिर्फ HTML है, कोई बैकएंड कोड या जावास्क्रिप्ट बिल्कुल भी नहीं हो रहा है। लेकिन वह सबमिशन पृष्ठ को बदलने का कारण बन सकता है, नए URL पर सचमुच लिंक लोड करने की तरह।
अजाक्स हमें पृष्ठ को पुनः लोड किए बिना, पृष्ठभूमि में उस GET या POST अनुरोध को बनाने की अनुमति देता है। इसके मूल में, यह अजाक्स का पूरा बिंदु है। और यह बहुत शक्तिशाली है। यह काफी हद तक इसके लिए जिम्मेदार है कि आधुनिक वेबसाइटें काम क्यों करती हैं और वे जिस तरह से महसूस करती हैं।
अजाक्स का उपयोग "अतुल्यकालिक जावास्क्रिप्ट और एक्सएमएल के लिए खड़े" के लिए किया जाता था, लेकिन इन दिनों काफी हद तक इसे नजरअंदाज कर दिया गया है क्योंकि इसका ज्यादा मतलब नहीं है। इसलिए भी डी-कैपिटलाइज़ेशन। आप कभी-कभी "XHR" भी देख सकते हैं जो XMLHttpRequest के लिए छोटा है, जो कि अजाक्स की मूल कोर तकनीक है।
GET और POST के बीच अंतर अनिवार्य रूप से है: GET जानकारी प्राप्त करने के लिए है और डेटा बदलने के लिए जिम्मेदार नहीं होना चाहिए और POST विशेष रूप से डेटा बदलने के लिए है। इस StackOverflow धागे के बारे में अधिक पढ़ने के लिए स्वतंत्र महसूस करें।
JQuery में GET अनुरोध करना आश्चर्यजनक रूप से आसान है:
$.get( "URL", function(data) ( // do something with data )); ));वह URL है जहाँ से आप डेटा प्राप्त करने की उम्मीद कर रहे हैं। दूसरा पैरामीटर कॉलबैक फ़ंक्शन है जो अजाक्स अनुरोध सफल होने पर चलता है। सबसे महत्वपूर्ण पैरामीटर पहले एक, डेटा है, जिसमें अनुरोध से मिली जानकारी है।
अजाक्स अनुरोध कभी-कभी विफल हो सकते हैं। उस विफलता का एक कारण स्वयं ब्राउज़र और उसकी सुरक्षा नीतियां हो सकती हैं। ब्राउज़र में बेक्ड खुद नियम हैं जहां से सामग्री का अनुरोध किया जा सकता है। अनुरोध हमेशा उसी डोमेन पर किए जा सकते हैं जो अनुरोध आ रहा है। लेकिन अगर कोई अलग डोमेन शामिल है, तो उस अलग डोमेन को विशेष रूप से अनुमति देने की आवश्यकता होगी।
आप इसके बारे में enable-cors.org पर पढ़ सकते हैं। कॉर्स "क्रॉस-ऑरिजिनल रिसोर्स शेयरिंग" के लिए खड़ा है। हम एक ऐसे उदाहरण को देखते हैं जहां कॉर्स सक्षम नहीं है और अजाक्स अनुरोध विफल हो जाता है। सर्वर को संभालने के लिए एक मानक और आसान तरीका है, Apache, एक हेडर सेट करना है जो विशेष रूप से .htaccess फ़ाइल के माध्यम से CORS की अनुमति देता है:
Header set Access-Control-Allow-Origin "*"वीडियो में, हम कोडेक्स पर अजाक्स अनुरोध को स्थानांतरित करते हैं, जो डिफ़ॉल्ट रूप से अजाक्स को अच्छी तरह से संभालता है।
आसान चीज़:
CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन fBInl देखें