What is AJAX and how it works In Hindi
अजाक्स (एसिंक्रोनस जावास्क्रिप्ट और एक्सएमएल) को पीएचपी के साथ उपयोग होने वाली वेब डेवलपमेंट में इस्तेमाल की जाने वाली एक वेब डेवलपमेंट तकनीक के रूप में उपयोग किया जाता है. अजाक्स असिंक्रोनोस जावास्क्रिप्ट और एक्सएमएल डायनामिक, इंटरैक्टिव, और इमीडियेट वेब रेस्पॉन्स वेब डेवलपमेंट वेब डिज़ाइन प्रोसेसिंग क्रिएशन में हेल्प करते है. जो किसी भी वेबपेजों और वेबसाइट को पूरे पेज को क्लाइंट वेब ब्राउज़र में रीलोड किए बिना एसिंक्रोनस रूप से वेब डेवेलपर या क्लाइंट को वेबपेज लोड और मैन्युअल कस्टमाइज और अपडेट करने की परमिशन प्रोवाइड करते है। वर्त्तमान समय में अजाक्स वेब डेवलपर को एडवांस्ड वेबपेज, डायनामिक, इंटरैक्टिव, और सहज फ़ास्ट वेब एप्लिकेशन डेवलप और इमीडियेट कम समय में सर्वर लोड को कम कर प्रीव्यू करने में हेल्प करते है।
Key Concepts of AJAX Programming.
- Asynchronous – अजाक्स वेब डेवेलपमेंट स्क्रिप्ट वेब ब्राउज़र को सर्वर से डेटा का रिक्वेस्ट करने और पूरे वेबपेज को रिफ्रेश किए बिना वेबपेज के कुछ पर्टिकुलर पोरशन को अपडेट करने की परमिशन प्रोवाइड करता है। यह इंटरनेट यूजर एक्सपेरिएंस को फ़ास्ट और अधिक रेस्पोंसिबल और सहज बनाता है।
- JavaScript – अजाक्स वेब डेवेलपमेंट स्क्रिप्ट सर्वर से रिक्वेस्ट को सेंड करने और रिक्वेस्ट रिसीव करने के लिए जावास्क्रिप्ट पर बहुत अधिक डिपेंड करता है।
- XML – पहले समय में, अजाक्स वेब डेवलपमेंट स्क्रिप्ट वेब रिक्वेस्ट और वेब रेस्पॉन्सेस के लिए उपयोग किया जाने वाला डेटा फॉर्मेट एक्सएमएल था. लेकिन वर्त्तमान समय में अजाक्स डेवलपमेंट स्क्रिप्ट जावास्क्रिप्ट के साथ इसकी सिम्पलीटी और कम्पेटिबिलिटी के कारण जेसन का उपयोग करना अधिक बेहतर या सरल हो गया है।
How AJAX programming works.
- User interaction – जब ऑनलाइन इंटरनेट यूजर किसी वेबपेज के साथ इंटरेक्शन करता है. जैसे, किसी ऑनलाइन वेबसाइट या वेबपेज बटन पर क्लिक करके या फ़ॉर्म सबमिट करके वेबपेज एलिमेंट को एक्सेस और कण्ट्रोल किया जाता है।
- AJAX request – अजाक्स रिक्वेस्ट जावास्क्रिप्ट वेब सर्वर से एक एसिंक्रोनस रिक्वेस्ट क्रिएट करता है। जहा रिक्वेस्ट को आमतौर पर XMLHttpRequest ऑब्जेक्ट या अधिक आधुनिक fetch() API का उपयोग रिक्वेस्ट किया जाता है।
- Server response – अजाक्स सर्वर रेस्पॉन्स को प्रोसेस करता है, और ऑनलाइन क्लाइंट रिक्वेस्ट को सेंड करता है. जो वेबपेज डेटा जैसे, जेसन, एक्सएमएल या एचटीएमएल वेब डेवलपमेंट स्क्रिप्ट के रूप में हो सकता है।
- Update webpage – अजाक्स वेब ब्राउज़र सर्वर से रेस्पॉन्स रिसीव करता है, और मौजूदा वेबपेज में जावास्क्रिप्ट पूरे वेबपेज को फिर से लोड किए बिना वेबपेज के केवल कुछ प्रासंगिक पोरशन को डायनामिक रूप से कस्टमाइज कर अपडेट करता है. जैसे, किसी वेबपेज में एक बटन, मल्टीमीडिया ऑब्जेक्ट, टेबल क्रिएट और अपडेट करना, नई वेबपेज टेक्स्ट और विज़ुअल कंटेंट को फास्टली डिस्प्ले करना, आदि है।
Benefits of AJAX development scripts.
- Faster user experience – अजाक्स को वेब डेवेलपमेंट में बहुत रिलाएबल माना जाता है. क्योकि अजाक्स में किसी भी वेब पेज के केवल कुछ पोरशन अपडेट किए जाते हैं. इसलिए यह क्लाइंट वेब ब्राउज़र में डेटा ट्रांसफर को कम करता है, और वेबपेज को वेब ब्राउज़र में फास्टर प्रीव्यू करता है।
- Reduced server load – अजाक्स से किसी भी वेबपेज में केवल नेसेसरी वेबसाइट वेबपेज डेटा इनफार्मेशन को रिक्वेस्ट किया जाता है. जो सर्वर रश टाइम में वेब सर्वर ट्रैफ़िक को कम कर सकता है, और वेबपेज वेबसाइट प्रीव्यू एफिशिएंसी में सुधार करता है।
- Interactive pages – अजाक्स वेब डेवेलपमेंट स्क्रिप्ट का उपयोग अक्सर ऑनलाइन लाइव डाटा और इनफार्मेशन को सर्च करने में, ऑनलाइन फ़ॉर्म वेलिडेशन में, ऑटो-डाटा इनफार्मेशन रिफ्रेशिंग डेटा, आदि जैसी इंटरैक्टिव वेबपेज फीचर्स क्रिएट करने में किया जाता है।
Example of AJAX development script.
// it Send an AJAX request to the server
fetch(‘https://domainname.com/data’)
.then(response => response.json()) // it Parse the JSON response
.then(data => {
// it Use the data to update part of the web page
document.getElementById(“content”).innerHTML = data.content;
})
.catch(error => console.log(‘Error:’, error));
ऊपर दिया गया कोड https://domainname.com/data ऑनलाइन रिक्वेस्ट को सेंड करता है. यह जेसन वेब फॉर्मेट में डेटा और इनफार्मेशन को रिट्रीव करता है, और वेबपेज को मौजूदा वेब ब्राउज़र में दोबारा रीलोड किए बिना id=”content” के साथ एचटीएमएल वेबपेज एलिमेंट को इमीडियेट अपडेट करता है।
