What is AJAX in hindi-AJAX क्या होता है?

by

हेल्लो दोस्तों आज के इस पोस्ट में आपको AJAX in hindi के बारे में बताया गया है की क्या होता है कैसे काम करता है तो चलिए शुरू करते है

AJAX(Asynchronous JavaScript and XML) का परिचय 

Normally एक web browser किसी web page के लिए request करता है और web server उसे requested web page के रूप में respond करता है। जैसे ही page आपके browser में load होता है तो web browser और web server के बीच का connection terminate हो जाता है।

यदि  web द्वारा प्रयोग  किये जाने वाला traditional web model होता है। तो  किसी दूसरे page के लिए request की जाती है और  वापस यही process follow होती है।

जव भी user के द्वारा किसी पेज के लिए रिक्वेस्ट(request) भेजी जाती है तो नयी information को show करने के लिए existing पेज को reload(रीलोड) होना पड़ता है पेज reload होने के बाद ही नयी information (सुचना) या नया पेज show होता है कई बार यह प्रोसेस user experience के लिए बात annoying होती है

यदि आप you tube जैसे बड़ी वेब application बना रहे है तो उसमे वेब elements भी बहुत अधिक होंगे | ऐसे में यदि हर small element से interact करते समय पेज बार बार reload हो तो आपकी वेब application bad user experience क्रिएट करेगी

Example के लिए आप you tube पर कोई विडियो देख रहे है ये विडियो आपको पसंद आता है और आप इसे like करने के लिए like बटन पर क्लिक करते है तो यदि like बटन पर क्लिक करते ही पूरा पेज reload हो जाये जिससे आप like करना नहीं चाहेंगे |

ऐसा कैसे होता है ? you tube इसके लिए AJAX(AJAX in hindi) को प्रयोग करती है

AJAX क्या है ?

AJAX का पूरा नाम Asynchronous java-script and XML है इसे आप एक टेक्निक्स का सेट या methodology कर सकते है जो कई वेब technologies (HTML & CSS ,JavaScript ,DOM,XML) को प्रयोग करते हुए Asynchronous वेब pages क्रिएट करते के लिए प्रयोग की जाती है

Asynchronous वेब pages क्या होता है

Asynchronous वेब pages ऐसे web pages होते है जिनके कुछ elements को अपडेट या load होने के लिए पुरे पेज को load होने की आवश्यकता नहीं होती है जो नया content dynamically web page load होता है ऐसे pages में प्रोसेसिंग बैकग्राउंड(background) में की जाती है

User इस प्रोसेसिंग से इंटरफ़ेस नहीं होता है ऐसा कैसे होता है इसके बारे में आपको आगे Working of AJAX section में बताया जायगा |

Core Components of AJAX

जैसे की मैंने आपको पहले बताया AJAX में वह technologies एक साथ मिलकर asynchronous वेब pages generate करती है ये technologies AJAX के core components होते है इनके बारे में निचे दिया जा रहा है

  • HTML & CSS – HTML और CSS की प्रेजेंटेशन(presentation) के लिए प्रयोग किया जाता है HTML और CSS के माध्यम से आप एक beautiful web page design कर सकते है
  • JavaScript–JavaScript के द्वारा generate किये गए लोकल events को handle और प्रोसेस किया जाता है
  • DOM(document object model) –DOM को पेज के अन्दर से data एक्सेस करने और dynamically data present करने के लिए प्रयोग किया जाता है
  • XMLHttpRequest Object-सर्वर को asynchronously data send और receive करने के लिए ये object प्रयोग किया जाता है

Advantages of AJAX

AJAX के बारे में कुछ advantage दिया गया है

  • AJAX की सहायता से आप fast,dynamic websites क्रिएट कर सकते है
  • क्योकि JavaScript एक क्लाइंट side scripting language है इसलिए सारी प्रोसेसिंग सर्वर पर ही नहीं होती है कुछ प्रोसेस क्लाइंट मशीन पर भी होती है इससे सर्वर पर load कम हो जाता है और प्रोसेसिंग fast हो जाती है
  • AJAX के माध्यम से end user को एक better experience दिया जा सकता है क्योकि AJAX प्रोसेसिंग background में करने में संभव है इससे user इन्तेर्फेरे(interfere) नहीं होता है
  • AJAX के साथ आपको सभी open source JavaScript लाइब्रेरीज available है जिन्हें आप अपनी web application को improve करने के लिए user कर सकते है

Dis-advantages of AJAX

AJAX का कुछ dis-advantages निचे दिया जा रहा है

  • यदि user के web ब्राउज़र में JavaScript disabled है तो AJAX आधारित web application काम नही करेगा
  • क्योकि web पेज का data dynamically load किया जाता है इसलिए वह web page का part नही होता है यही कारण है की ऐसे data को search engines देख नहीं पाते है और index नही करते है
  • जब आप AJAX का प्रयोग करते है तो back और refresh बटन ठीक से फंक्शन (function) नहीं करते है
  • Asynchronous mode की वजह से यदि कभी सर्वर को प्रोसेस करने में time लगता है तो पेज annoying लगता है

Working of AJAX

AJAX की working का डायग्राम निचे दिया जा रहा है

जैसे की आप उपर दिए गये diagram में देख सकते है की web ब्राउज़र द्वारा पहली request और web server द्वारा पहला रेस्पोंसे(response) एक traditional web model की  तरह प्रोसेस होता है इसके बाद जब भी वापस सर्वर से data fetch करना होता है ये काम locally JavaScript द्वारा request भेजी जाती है

example के लिए user के like बटन पर क्लिक करने पर सर्वर को update करना है तो इसके लिए JavaScript का on click event handle करना होगा इस event के generate होने पर आप एक function कॉल(call) करेंगे इस function में आप XMLHttpRequet Object को प्रयोग करते हुए ये request सर्वर को पास करेंगे

Server तक यह request AJAX इंजन(engine) से होकर जाती है ]

AJAX engine क्लाइंट side पर ही होता है AJAX engine यहाँ पर कुछ भी नहीं बल्कि JavaScript और XMLHttpRequest object का कॉम्बिनेशन होता है AJAX engine पेज background में सर्वर के कनेक्शन establish करेगा और नंबर of likes को update करेगा

AJAX engine ये काम बिना web page और disturb किये perform करता है इसके बाद सर्वर update वापस AJAX engine को भेजेगा AJAX engine द्वारा HTML से लेकर XML और JSON किसी भी प्रकार के फॉर्मेट को प्रोसेस किया जा सकता है AJAX engine भेजे गयी data से JavaScript उसी element को update करती है

AJAX uses example

कई बड़ी web application द्वारा AJAX को प्रयोग किया गया है

example के लिए जव आप google पर कोई term search करते है तो जो suggestions आपको show किये जाते है बे AJAX background में वर्क करते हुए सर्वर से आपके लिए suggestion fetch करती है

AJAX को आप दूसरा example से आप you tube से Facebook like बटन को देख सकते है जब आप किसी पोस्ट या फिर विडियो को like करती है तो बिना पेज reload हुई likes की संख्या बढ़ जाती है यह AJAX द्वारा किया जाता है

AJAX in hindi

reference-https://www.tutorialspoint.com/ajax/what_is_ajax.htm

AJAX in hindi

निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic(AJAX in hindi) अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये अगर कोई topic से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे(AJAX in hindi) “आपका comments हमारे लिए बहुमूल्य है “   *_*धन्यवाद

Leave a Comment