AJAX परिचय
AJAX एक डेवलपर का सपना है, क्योंकि आप यह कर सकते हैं:
- वेब सर्वर से डेटा पढ़ें - पेज लोड होने के बाद
- पृष्ठ को पुनः लोड किए बिना वेब पृष्ठ को अपडेट करें
- वेब सर्वर पर डेटा भेजें - पृष्ठभूमि में
अजाक्स उदाहरण
Let AJAX change this text
AJAX उदाहरण समझाया गया
एचटीएमएल पेज
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
HTML पृष्ठ में एक <div> अनुभाग और एक <बटन> होता है।
<div> अनुभाग का उपयोग सर्वर से जानकारी प्रदर्शित करने के लिए किया जाता है।
<बटन> एक फ़ंक्शन को कॉल करता है (यदि इसे क्लिक किया जाता है)।
फ़ंक्शन वेब सर्वर से डेटा का अनुरोध करता है और इसे प्रदर्शित करता है:
फंक्शन लोडडॉक ()
function loadDoc() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("demo").innerHTML = this.responseText;
}
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
अजाक्स क्या है?
AJAX = एक तुल्यकालिक J avaScript A और X ML ।
AJAX एक प्रोग्रामिंग भाषा नहीं है।
AJAX बस के संयोजन का उपयोग करता है:
- एक ब्राउज़र बिल्ट-इन
XMLHttpRequest
ऑब्जेक्ट (वेब सर्वर से डेटा का अनुरोध करने के लिए) - जावास्क्रिप्ट और एचटीएमएल डोम (डेटा प्रदर्शित करने या उपयोग करने के लिए)
AJAX एक भ्रामक नाम है। AJAX एप्लिकेशन डेटा को ट्रांसपोर्ट करने के लिए XML का उपयोग कर सकते हैं, लेकिन डेटा को प्लेन टेक्स्ट या JSON टेक्स्ट के रूप में ट्रांसपोर्ट करना भी उतना ही सामान्य है।
AJAX परदे के पीछे एक वेब सर्वर के साथ डेटा का आदान-प्रदान करके वेब पेजों को अतुल्यकालिक रूप से अपडेट करने की अनुमति देता है। इसका मतलब है कि पूरे पेज को फिर से लोड किए बिना, वेब पेज के कुछ हिस्सों को अपडेट करना संभव है।
AJAX कैसे काम करता है
- 1. एक वेब पेज में एक घटना होती है (पेज लोड होता है, एक बटन क्लिक किया जाता है)
- 2. एक XMLHttpRequest ऑब्जेक्ट जावास्क्रिप्ट द्वारा बनाया गया है
- 3. XMLHttpRequest ऑब्जेक्ट वेब सर्वर को एक अनुरोध भेजता है
- 4. सर्वर अनुरोध को संसाधित करता है
- 5. सर्वर वेब पेज पर वापस प्रतिक्रिया भेजता है
- 6. प्रतिक्रिया जावास्क्रिप्ट द्वारा पढ़ी जाती है
- 7. जावास्क्रिप्ट द्वारा उचित कार्रवाई (जैसे पेज अपडेट) की जाती है
आधुनिक ब्राउज़र (एपीआई प्राप्त करें)
आधुनिक ब्राउज़र XMLHttpRequest ऑब्जेक्ट के बजाय Fetch API का उपयोग कर सकते हैं।
Fetch API इंटरफ़ेस वेब ब्राउज़र को वेब सर्वर से HTTP अनुरोध करने की अनुमति देता है।
यदि आप XMLHttpRequest ऑब्जेक्ट का उपयोग करते हैं, तो Fetch इसे सरल तरीके से कर सकता है।