एज़कैज़ इंट्राडक्शन
- पिछला पृष्ठ वेब जीओलोकेशन एपीआई
- अगला पृष्ठ AJAX XMLHttp
AJAX डेवलपरों के सपने है, क्योंकि आप इस प्रकार कर सकते हैं:
- पृष्ठ नफ़्रेश किए बिना वेबपेज अद्यतन करना
- पृष्ठ लोड होने के बाद सर्वर से डाटा अनुरोध करना
- पृष्ठ लोड होने के बाद सर्वर से डाटा प्राप्त करना
- पृष्ठ लोड होने के बाद सर्वर को डाटा भेजना
AJAX उदाहरण व्याख्या
HTML पृष्ठ
<!DOCTYPE html> <html> <body> <div id="demo"> <h2>एज़केक्स इस पाठ को बदले</h2> <button type="button" onclick="loadDoc()">पाठ को बदलें</button> </div> </body> </html>
इस HTML पृष्ठ में एक <div> और एक <button> है.
<div> सर्वर से आने वाली जानकारी के लिए उपयोग किया जाता है.
<button> फ़ंक्शन बुल करने के लिए (जब यह टिप्पणी की जाए).
यह फ़ंक्शन वेब सर्वर से डाटा ले और इसे दिखाता है:
Function loadDoc()
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 = Asynchronous JvaScript And XML.
AJAX एक प्रोग्रामिंग लैंग्वेज नहीं है।
AJAX निम्नलिखित का संयोजन है:
- ब्राउज़र में बुनियादी XMLHttpRequest ऑब्जेक्ट (वेब सर्वर से डाटा लेना)
- जावास्क्रिप्ट और एचटीएमएल डोम (डाटा दिखाना या उपयोग करना)
Ajax एक भ्रामक नाम है।Ajax एप्लीकेशन डाटा को XML के रूप में ट्रांसफर कर सकते हैं, लेकिन डाटा को शुद्ध पाठ या JSON पाठ के रूप में ट्रांसफर करना भी आम है।
Ajax वेब सर्वर के पीछे के दृश्य से वेब सर्वर से डाटा आदान-प्रदान करके एसिंक्रोनस वेब पृष्ठ अद्यतन करने की अनुमति देता है।इसका मतलब है कि पृष्ठ के किसी हिस्से को अद्यतन किया जा सकता है, बिना पूरे पृष्ठ को फिर से लोड करने के।
AJAX कैसे काम करता है
- वेबपृष्ठ में एक घटना होती है (पृष्ठ लोड होना, बटन क्लिक करना)
- जावास्क्रिप्ट द्वारा XMLHttpRequest ऑब्जेक्ट बनाया जाता है
- XMLHttpRequest ऑब्जेक्ट वेब सर्वर को अनुरोध भेजता है
- सर्वर इस अनुरोध को संसाधित करता है
- सर्वर द्वारा प्रतिक्रिया वेब पृष्ठ को भेजी जाती है
- जावास्क्रिप्ट द्वारा प्रतिक्रिया पढ़ें
- जावास्क्रिप्ट द्वारा सही कार्य करें (जैसे पृष्ठ अद्यतन करना)
- पिछला पृष्ठ वेब जीओलोकेशन एपीआई
- अगला पृष्ठ AJAX XMLHttp
