एज़केक्स - सारांश

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 JavaScript And XML.

AJAX एक प्रोग्रामिंग लैंग्वेज नहीं है।

AJAX केवल इसका संयोजन है:

  • ब्राउज़र में अंतर्निहित XMLHttpRequest ऑब्जेक्ट (वेब सर्वर से डाटा लेना)
  • जावास्क्रिप्ट और एचटीएमएल डॉम (डाटा दिखाने या उपयोग करने)

Ajax एक भ्रामक नाम है।Ajax एप्लीकेशन XML के द्वारा डाटा ट्रांसफर कर सकते हैं, लेकिन डाटा को शुद्ध पाठ या JSON पाठ के रूप में ट्रांसफर करना भी आम है।

Ajax वेब सर्वर के पीछे के स्कीम के साथ डाटा आदान-प्रदान के द्वारा एसिंक्रोनस वेब पृष्ठ अद्यतन करने की अनुमति देता है।इसका मतलब है कि पृष्ठ के किसी हिस्से को अद्यतन किया जा सकता है, बिना पूरे पृष्ठ को फिर से लोड करने के।

AJAX कैसे काम करता है

AJAX
  1. वेबपृष्ठ में एक घटना होती है (पृष्ठ लोड होना, बटन क्लिक करना)
  2. जावास्क्रिप्ट द्वारा XMLHttpRequest ऑब्जेक्ट बनाया जाता है
  3. XMLHttpRequest ऑब्जेक्ट वेब सर्वर को अनुरोध भेजता है
  4. सर्वर इस अनुरोध को संसाधित करेगा
  5. सर्वर द्वारा प्रतिक्रिया वेब पृष्ठ को भेजा जाएगा
  6. जावास्क्रिप्ट द्वारा प्रतिक्रिया पढ़ें
  7. जावास्क्रिप्ट द्वारा सही कार्य करें (जैसे पृष्ठ अद्यतन करना)