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() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
ऊपर के उदाहरण में प्रयुक्त "ajax_info.txt" फ़ाइल एक साधारण टेक्स्ट फ़ाइल है और इस तरह दिखती है:
<h1>AJAX</h1>
<p>AJAX is not a programming language.</p>
<p>AJAX is a
technique for accessing web servers from a web page.</p>
<p>AJAX stands for
Asynchronous JavaScript And XML.</p>
अजाक्स क्या है?
AJAX = एक तुल्यकालिक J avaScript A और X ML ।
AJAX एक प्रोग्रामिंग भाषा नहीं है।
AJAX बस के संयोजन का उपयोग करता है:
- एक ब्राउज़र बिल्ट-इन XMLHttpRequest ऑब्जेक्ट (वेब सर्वर से डेटा का अनुरोध करने के लिए)
- जावास्क्रिप्ट और एचटीएमएल डोम (डेटा प्रदर्शित करने या उपयोग करने के लिए)
AJAX एक भ्रामक नाम है। AJAX एप्लिकेशन डेटा को ट्रांसपोर्ट करने के लिए XML का उपयोग कर सकते हैं, लेकिन डेटा को प्लेन टेक्स्ट या JSON टेक्स्ट के रूप में ट्रांसपोर्ट करना भी उतना ही सामान्य है।
AJAX परदे के पीछे एक वेब सर्वर के साथ डेटा का आदान-प्रदान करके वेब पेजों को अतुल्यकालिक रूप से अपडेट करने की अनुमति देता है। इसका मतलब है कि पूरे पेज को फिर से लोड किए बिना, वेब पेज के कुछ हिस्सों को अपडेट करना संभव है।
AJAX कैसे काम करता है
- 1. एक वेब पेज में एक घटना होती है (पेज लोड होता है, एक बटन क्लिक किया जाता है)
- 2. एक XMLHttpRequest ऑब्जेक्ट जावास्क्रिप्ट द्वारा बनाया गया है
- 3. XMLHttpRequest ऑब्जेक्ट वेब सर्वर को एक अनुरोध भेजता है
- 4. सर्वर अनुरोध को संसाधित करता है
- 5. सर्वर वेब पेज पर वापस प्रतिक्रिया भेजता है
- 6. प्रतिक्रिया जावास्क्रिप्ट द्वारा पढ़ी जाती है
- 7. जावास्क्रिप्ट द्वारा उचित कार्रवाई (जैसे पेज अपडेट) की जाती है