एक्सएमएल हरेसवॉर्ड

सभी आधुनिक ब्राउज़रों में XMLHttpRequest ऑब्जेक्ट अंतर्निहित है, जो सर्वर से डाटा लेने के लिए उपयोग किया जा सकता है。

XMLHttpRequest ऑब्जेक्ट

XMLHttpRequest ऑब्जेक्ट को Web सर्वर से डाटा लेने के लिए उपयोग किया जा सकता है。

XMLHttpRequest ऑब्जेक्टडेवलपर के सपनेक्योंकि आप इस कारण हैं:

• पृष्ठ अद्यतन करना - पृष्ठ को फिर से लोड किए बिना
• सर्वर से डाटा बातचीत करना - पृष्ठ लोड होने के बाद
• सर्वर से डाटा प्राप्त करना - पृष्ठ लोड होने के बाद
• सर्वर को डाटा भेजना - पृष्ठ के पीछे

XMLHttpRequest उदाहरण

जब आप नीचे दिए गए इनपुट फ़ील्ड में अक्षर भरते हैं तो XMLHttpRequest सर्वर पर भेजा जाता है और कुछ नाम सुझाव (सर्वर से) प्राप्त किए जाते हैं:

उदाहरण

कृपया नीचे दिए गए इनपुट फ़ील्ड में नाम भरें:

XMLHttpRequest भेजना

XMLHttpRequest ऑब्जेक्ट का उपयोग करते हुए आम JavaScript व्याकरण नीचे दिया गया है:

उदाहरण

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // दस्तावेज तैयार होने पर करने वाली सामान्य कार्रवाई:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

स्वयं आयात्रा करें

उदाहरण व्याख्या

ऊपरी उदाहरण के पहले पंक्ति में एक XMLHttpRequest ऑब्जेक्ट:

var xhttp = new XMLHttpRequest();

onreadystatechange प्रकृति निर्दिष्ट करता है कि XMLHttpRequest ऑब्जेक्ट की प्रत्येक बार स्थिति परिवर्तन होने पर किस फ़ंक्शन को चलाना है:

xhttp.onreadystatechange = function()

जब आपरूद्धस्थिति प्रकृति 4 और स्थिति प्रकृति 200 होने पर, प्रतिसाद तैयार है:

if (यह.आपरूद्धस्थिति == 4 और यह.स्थिति == 200)

responseText विशेषता सर्वर की प्रतिक्रिया के रूप में टेक्स्ट स्ट्रिंग के रूप में वापस की जाती है。

टेक्स्ट स्ट्रिंग वेब पृष्ठ को अद्यतन करने के लिए उपयोग की जा सकती है:

document.getElementById("demo").innerHTML = xhttp.responseText;

आपको AJAX चापरे में XMLHttpRequest ऑब्जैक्ट के बारे में अधिक जानकारी मिलेगी。