XHR
XHR क्या है?
XHR एक ब्राउज़र API है, जो वेब पेज को दोबारा लोड किए बिना डेटा लाने के काम आता है। व्यवहार में XHR, JavaScript को वेब सर्वर से डॉक्यूमेंट मांगने देता है, जिससे पेज अपनी जगह पर ही अपडेट हो जाते हैं। यह वेब प्लेटफ़ॉर्म का हिस्सा है, जिसे वेब ब्राउज़र जानकारी के आदान-प्रदान के लिए इस्तेमाल करते हैं। पुराना कोड अब भी इस पर निर्भर हो सकता है।
XMLHttpRequest ऑब्जेक्ट
मुख्य ऑब्जेक्ट XMLHttpRequest सेटअप करने और रिस्पॉन्स को संभालने के लिए मेथड उपलब्ध कराता है। मेथड और URL सेट करें, फिर open और send को कॉल करें। हेडर, स्टेटस और readyState प्रगति पर नज़र रखते हैं; इवेंट ट्रिगर होते हैं। XML के संदर्भ में डॉक्यूमेंट का वेल-फ़ॉर्म्ड होना अनिवार्य है और टैग को ज़्यादा सख़्त सिंटैक्स का पालन करना होगा; W3C मानकों के तहत सबसे सख़्त नियम XHTML 1.0 के थे।
XMLHttpRequest कैसे भेजें
आम तौर पर इस प्रक्रिया में दो चरण होते हैं। पहले चरण में, JavaScript में एक नया XMLHttpRequest बनाएं और मेथड तथा डेटा का प्रकार चुनें। डिफ़ॉल्ट रूप से XMLHttpRequest को एसिंक्रोनस रखें। दूसरे चरण में, onload और onerror हैंडलर रजिस्टर करें, फिर कार्रवाई को सर्वर सॉफ़्टवेयर तक भेजें। HTTPS इस्तेमाल करें, वेब मानक का पालन करें, CORS का ध्यान रखें। डायनामिक कंटेंट या HTML के अलावा दूसरी मार्कअप भाषाओं के लिए XML सिंटैक्स और वैध एलिमेंट मायने रखते हैं।
XMLHttpRequest का उदाहरण
किसी API को भेजी जाने वाली वेब रिक्वेस्ट बनाना। JavaScript में आप एक XHR बनाते हैं, open(‘GET’,’/api/items’) को कॉल करते हैं, हेडर सेट करते हैं और उसे भेजते हैं। रिस्पॉन्स आने पर स्क्रिप्ट कंटेंट को अपडेट करती है। यह अलग-अलग वेबसाइटों पर काम करता है; ब्राउज़र कैशिंग को सपोर्ट करते हैं। छोटे पेलोड और स्पष्ट एरर को प्राथमिकता दें; नया मार्कअप न्यूनतम होना चाहिए। XMLHttpRequest अपलोड की प्रगति को सपोर्ट करता है; XMLHttpRequest आपको रिस्पॉन्स का प्रकार और रिक्वेस्ट का प्रकार भी सेट करने देता है।