Ajax in Hindi Tutorial




AJAX Tutorial Beginners और Professionals के लिए AJAX Technology के Concepts और उदाहरणों को शामिल करता है.

AJAX एक संक्षिप्त रूप है जो Asynchronous Javascript और XML के लिए है और यह वेबसाइटों और Web Applications को बनाने के लिए उपयोग की जाने वाली डेवलपमेंट तकनीकों के एक सेट का वर्णन करता है.

वेब डेवलपर और स्किलक्रश वर्डप्रेस प्रशिक्षक एन कैस्केनो के अनुसार AJAX को समझने का सबसे अच्छा तरीका Web Development Process में इसके विशिष्ट उद्देश्य की पहचान करना है. AJAX का मुख्य कार्य वेब सामग्री को Asynchronous रूप से अपडेट करना है. AJAX के द्वारा उपयोगकर्ता के वेब ब्राउज़र को संपूर्ण वेब पेज को पुनः लोड करने की आवश्यकता नहीं है जब पृष्ठ पर सामग्री के केवल एक छोटे हिस्से को बदलने की आवश्यकता होती है.

यह JavaScript, DOM, XML, HTML, CSS आदि जैसी inter-related Technologies का एक Group है.

AJAX आपको Web Page को पुनः Reload किए बिना Asynchronously Data को Send और Receive करने की अनुमति देता है.

AJAX आपको केवल Important Information Server पर Send करने की अनुमति देता है न कि Entire Page की अनुमति देता है.

इसलिए Client की ओर से केवल Valuable Data Server Side पर Routed किया गया है.

यह आपकी Application को Interactive और Fast बनाता है.

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

कैस्केरानो के अनुसार एसिंक्रोनस अपडेट करने के लिए जावास्क्रिप्ट और एक्सएमएल संयोजन एक XMLHttpRequest ऑब्जेक्ट नामक कुछ के उपयोग के माध्यम से होता है. जब कोई उपयोगकर्ता AJAX का उपयोग करने के लिए डिज़ाइन किए गए वेब पेज पर जाता है और एक निर्धारित घटना होती है इसके बाद जब उपयोगकर्ता पृष्ठ को लोड करता है तब एक बटन क्लिक करता है और एक फॉर्म भरता है आदि. जावास्क्रिप्ट एक XMLHttpRequest ऑब्जेक्ट बनाता है जो तब एक XML में डेटा Moved करता है.

एक वेब ब्राउज़र वेबसाइट देखने के लिए उपयोग किया जा रहा प्रोग्राम और एक वेब सर्वर सॉफ्टवेयर या हार्डवेयर जहां वेबसाइट का डेटा Stored किया जाता है के बीच फॉर्मेट. XMLHttpRequest ऑब्जेक्ट वेब सर्वर पर Update Page Data के लिए एक Request भेजता है सर्वर Request को Processed करता है एक प्रतिक्रिया सर्वर साइड बनाई जाती है और ब्राउज़र पर वापस भेजी जाती है जो तब प्रतिक्रिया को Processed करने और स्क्रीन पर प्रदर्शित करने के लिए जावास्क्रिप्ट का उपयोग करती है अपडेट की गई सामग्री को.

जावास्क्रिप्ट को अपडेट करने की प्रक्रिया को स्वचालित करने के लिए एक्सएमएल में Updates सामग्री के लिए Request की जाती है जिससे इसे यूनिवर्सल रूप से समझा जा सके और पेज को देखने वाले उपयोगकर्ता के लिए रिलेवेंट सामग्री को ताज़ा करने के लिए जावास्क्रिप्ट फिर से किक करता है.

Cascarano नोट करता है कि AJAX तकनीक बाहरी पेज डेटा की उपेक्षा करती है और केवल Updates जानकारी और Updates जानकारी के लिए Request को ही संभालती है. यह वास्तव में AJAX की प्रभावशीलता का दिल है जो वेबसाइटों और ऍप्लिकेशन्स को बनाता है जो उपयोगकर्ताओं के लिए AJAX को तेज़ और अधिक उत्तरदायी उपयोग करते हैं.

For Example

<cfquery name="getCountries" datasource="ajax_example">
select * from Countries
order by CountryName asc
</cfquery>
<script src="selectRegions.js"></script>
   <form>
      <div>
         <span>
            <b>Select a country:</b>
         </span>
         <span>
            <select name="Country" onChange="showRegions(this.value)">
               <cfoutput query="getCountries">
                  <option value="#CountryCode#">#CountryName#</option>
               </cfoutput>
            </select>
         </span>
      </div>
      <div id="regionList">
      </div>
</form>