AJAX क्या है? What is AJAX?

 

AJAX एक वेब डेवलपमेंट तकनीक है, सभी लोकप्रिय वेबसाइटें इस तकनीक का उपयोग कर रही हैं जैसे की जीमेल, फेसबुक, गूगल, ट्विटर, यूट्यूब और कई अन्य। AJAX का फुल फॉर्म (Full Form) “Asynchronous JavaScript And XML” है। अजाक्स एक क्लाइंट-साइड (Client-Side) स्क्रिप्ट है जो सर्वर/डेटाबेस से संचार करता है। अजाक्स इतना शक्तिशाली (Powerful) भाषा है कि स्क्रिप्ट सर्वर (Server) की बजाय क्लाइंट साइड पर चल सकता है। जो आपके वेब पेज (Web Page) को रीफ्रेश (Refresh) किए बिना ही सर्वर (Server) से सूचना (Information) वेब पेज पर लाने में मदद करता है। AJAX एक प्रोग्रामिंग (Programming) भाषा नहीं है, लेकिन हां, यह वेब ब्राउजिंग (Web Browsing) अनुभव को बहुत तेज और बेहतर बनाने के लिए मौजूदा वेब प्रोग्रामिंग भाषाओं का एक साथ उपयोग करने की तकनीक है। AJAX वेब अनुप्रयोग (Web Applications) बनाने के लिए एक वेब डेवलपमेंट तकनीक है। 

AJAX कब बनाया गया?

1990 में वेब पेज जब सिर्फ HTML पर आधारित थे तो उस दौरान यूजर एक्स्पेरिंस को सुधारने और bandwidth को कण्ट्रोल करने के काफी प्रयास किया जाने लगे जिससे की webpage की परफॉरमेंस को बढाया जा सके. इसके बाद में लगभग 1996 में iframe को एक object element की तरह लाया गया जिससे कोई भी कंटेंट asynchronously fetch किया जा सकता था. इसके बाद लगभग 1998 में Microsoft Outlook Web Access team के द्वारा XMLHttpRequest scripting object तैयार किया गया जिसकी मदद से XML डाटा को asynchronously fetch किया जाने लगा और सन 1999 में इसे Internet Explorer 5.0 में इस्तेमाल करना शुरू कर दिया गया और इसके बाद धीरे धीरे सभी तरह के ब्राउज़र में इसको use किया जाने लगा.

AJAX नाम का इस्तेमाल सबसे पहले 18 February 2005 में Jesse James Garrett ने अपने एक आर्टिकल Ajax: A New Approach to Web Applications में किया. इसके बाद 2006 में इसे World Wide Web Consortium (W3C) के द्वारा ऑफिसियल रिलीज़ कर दिया गया.

इस पोस्ट में, मैं “AJAX” से संबंधित कुछ ऐसे सवालों का जवाब देने जा रहा हूं। मुझे आशा है कि आपको निश्चित रूप से आपका जवाब मिल जायेगा।

AJAX कंटेंट के लिए XHTML का इस्तेमाल करता है और प्रेजेंटेशन के लिए सीएसएस, डॉक्यूमेंट ऑब्जेक्ट मॉडल और डायनामिक कंटेंट डिस्प्ले के लिए जावास्क्रिप्ट के साथ प्रयोग किया जाता है। AJAX का उपयोग डायनामिक वेबसाइट (Dynamic Website) बनाने में अत्यधिक उपयोग किया जाता है क्योंकि AJAX की पूरी प्रक्रिया बैकएंड (Backend) में होती है और डाटा (Data) को बिना लोड (Load) किए बिना ही वेब पेज पर सर्वर से लाया जा सकता है। इंटरनेट (Internet) पर चलने वाली कई वेब एप्लिकेशन (Web Applications) अजाक्स (AJAX) तकनीक का उपयोग करते हैं।

जैसे की गूगल, जीमेल, यूट्यूब, गूगल मैप्स, फेसबुक, ट्विटर आदि। AJAX अब तक का सबसे Rich Internet Application (RIA) तकनीक है। यह वेब विकास उद्योग (Industry) को जबरदस्त गति दे रहा है और इसमें कई टूलकिट (Toolkit) और फ्रेमवर्क (Framework) रिलीज़ किए जा रहे हैं। लेकिन साथ ही, AJAX में ब्राउज़र Incompatibility है और इसे जावास्क्रिप्ट (Javascript) द्वारा सपोर्ट किया जाता है जिसे मेंटेन (Maintain) और डीबग (Debug) करना मुश्किल होता है। AJAX को सीखना किसी भी वेब डेवलपर (Web Developer) के लिए एक महान उपलब्धि है, यदि आप एचटीएमएल (HTML), सीएसएस (CSS), जावास्क्रिप्ट (Javascript) और एक्सएमएल (XML) अच्छी तरह जानते हैं तो आप एजेक्स (AJAX) को बहुत आसानी से सीख सकते हैं।

AJAX का Syntax

$.ajax({ url:'your-file-name.php', type:'post', data:{container:variable}, datatype:'json', cache:false, success:function(s){ }, error:function(err){ } });

AJAX का उपयोग दो अलग-अलग तरीकों से किया जा सकता है, Javascript और jQuery। AJAX का उपयोग करने के दोनों तरीके अलग-अलग हैं, जावास्क्रिप्ट विधि के साथ, आपको ऑनलाइन सर्वर (Online Server) पर काम करना होगा, क्योंकि AJAX वेब सर्वर (Web Server) को जो रिक्वेस्ट (Request) भेजता है वह केवल तभी संभव है जब वेब (HTTP) प्रोटोकॉल के साथ एक सक्रिय वेब पेज हो। हालाँकि, jQuery पद्धति के साथ, आप लोकल होस्ट (लोकल कंप्यूटर) पर AJAX का उपयोग कर सकते हैं क्योंकि यहाँ, हम सीधे HTTP रिक्वेस्ट (Request) नहीं बनाते हैं, जो jQuery द्वारा किया गया होता है। AJAX बस बैकग्राउंड (Background) में सर्वर (Server) को रिक्वेस्ट (Request) भेजता है, और वेब पेज (Web Page) के उस हिस्से को अपडेट (Update) करता है जहां उपयोगकर्ता (User) द्वारा कोई ईवेंट (Event) हुआ था, इसलिए, यह वेब पेज को फिर से लोड/रीफ्रेश किए बिना काम करेगा, और इसलिये वेब डेवलपमेंट (Web Development) में AJAX का उपयोग व्यापक रूप से हो रहा है।

Google ने शुरुआत में इस तकनीक को अपनाया था, जब उसके डेवलपर्स जीमेल (Gmail) पर काम कर रहे थे, और आज इस तकनीक (AJAX) वेब डेवलपर्स द्वारा व्यापक रूप से उपयोग की जाने वाली तकनीक है।

AJAX रिक्वेस्ट के प्रकार -

AJAX के काम में रिक्वेस्ट (Request) की बहुत महत्वपूर्ण भूमिका होती है। रिक्वेस्ट (Request) के आधार पर यह निर्णय लिया जाता है कि पेज एलेमेंट्स (Page Elements) Synchronous रूप से लोड होंगे या Asynchronous रूप से लोड होंगे। जब कोई ईवेंट (Event) जनरेट होता है तो अधिकांश रिक्वेस्ट (Request) भेजे जाते हैं। इसके लिए जावास्क्रिप्ट (Javascript) और XMLHTTPObject का उपयोग किया जाता है।

AJAX रिक्वेस्ट को 2 श्रेणियों में विभाजित किया जाता है।

• Synchronous – जब आप ब्राउज़र (Browser) को किसी अन्य कोड को एक्सीक्यूट (Execute) करने से पहले AJAX रिक्वेस्ट (Request) पूरा होने तक प्रतीक्षा करना चाहते हैं, तो आप इस प्रकार के रिक्वेस्ट को भेजेंगे। इस प्रकार के रिक्वेस्ट के लिए open() method का async parameter को false डिफाइन किया गया है। इस प्रकार के रिक्वेस्ट (Request) रेकमेंड नहीं की जाती है।
• Asynchronous – इस प्रकार के रिक्वेस्ट में प्रोसेसिंग बैकग्राउंड (Processing Background) में किया जाता है, जो AJAX के विशेषताओं में से एक है। इस प्रकार के रिक्वेस्ट के लिए, open() method को async parameter के मान को true डिफाइन किया गया है। डिफ़ॉल्ट रूप से AJAX रिक्वेस्ट केवल Asynchronous मोड में भेजा जाता है।

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

• उपयोगकर्ता (User) किसी वेब पेज (Web Page) में एक ईवेंट (Event) शुरू करता है (पेज लोड होता है, एक बटन क्लिक किया जाता है।)
• फिर आपकी XMLHTTPRequest ऑब्जेक्ट क्रिएट (Create) होता है और आपका HTTPRequest रिक्वेस्ट सर्वर (Server) पर जाता है।
• सर्वर HTTPRequest को प्रोसेस (Process) करके प्रतिक्रिया (Response) उत्पन्न करता है और डेटा (Data) को ब्राउज़र (Browser) में भेजता है।
• ब्राउज़र जावास्क्रिप्ट (Javascript) का उपयोग करके आपके पेज कंटेंट (Page Content) को अपडेट (Update) कर देता है।

AJAX की विशेषताएं -

• यह वेब पेज (Web Page) को तेज (Fast) बना देता है।
• यह सर्वर प्रौद्योगिकी (Server Technology) के लिए स्वतंत्र (Independent) है।
• AJAX वेब पेज (Web Page) के परफॉरमेंस (Performance) को बढ़ाता है।
• AJAX में किसी सबमिट बटन (Submit Button) पर क्लिक (Click) करने पर पूरी वेबसाइट को पुनः लोड (Reload) करने की आवश्यकता नहीं है।
• AJAX में पूरे वेब पेज को फिर से लोड करने की कोई आवश्यकता नहीं होती है, इसमें वेब पेज के कुछ भागों को फिर से लोड किया गया है।
• XMLHTTP ऑब्जेक्ट प्राप्त करने के अतिरिक्त, सभी प्रोसेसिंग (Processing) सभी ब्राउज़र प्रकारों के लिए समान होती है, क्योंकि इसमें जावास्क्रिप्ट का उपयोग किया जाता है।
• AJAX का उपयोग इंटरैक्टिव वेब अनुप्रयोगों (Interactive Web Applications) के विकास (Development) के लिए बड़े पैमाने पर किया जाता है।

AJAX के लाभ 

• AJAX क्लाइंट और सर्वर के बीच संचार (Communications) को कम कर देता है।
• AJAX HTTP प्रोटोकॉल (Protocol) पर संचार करता है।
• AJAX सर्वर टेक्नोलॉजी (Server Technology) पर स्वतंत्र काम करता है।
• AJAX XMLHTTP ऑब्जेक्ट प्राप्त करने के अतिरिक्त सभी प्रोसेसिंग सभी ब्राउज़र प्रकारों के लिए समान होता है क्योंकि यह जावास्क्रिप्ट (Javascript) मे उपयोग किया जाता है।
• AJAX का उपयोग तेजी से और अधिक इंटरैक्टिव वेब अनुप्रयोगों को विकसित (Develope) करने के लिए किया जाता है।
• AJAX आधारित अनुप्रयोग बहुत कम सर्वर बैंडविड्थ (Bandwidth) का उपयोग करते हैं क्योंकि इसमें सभी पेज को फिर से लोड करने की आवश्यकता नहीं होती है।

AJAX का नुकसान -

• AJAX सभी ब्राउज़रों (Browsers) पर काम नहीं करता है।
• Google, Bing जैसे बड़े सर्च इंजन (Search Engine) अजाक्स (AJAX) पेजों को सही ढंग से इंडेक्स (Index) करने में सक्षम नहीं हैं।
• AJAX एप्लिकेशन में सुरक्षा (Security) की कमी होती है।
• कोई भी AJAX द्वारा लिखे गए सोर्स कोड (Source Code) को देख सकता है।
• यह डिजाइन (Design) और डेवलपमेंट (Development) का समय बढ़ा सकता है।

नोट -यदि आपको और अधिक जानकारी की आवश्यकता है तो आप यहाँ क्लिक कर पढ़ सकते है,