Skip to main content

XMLHttpRequest आब्‍जेक्‍ट बनाना - एजाक्‍स सीखें हिन्‍दी में ।


XMLHttpRequest आब्‍जेक्‍ट

प्राय: सभी आधुनिक ब्राउजर XMLHttpRequest आब्‍जेक्‍ट को सपोर्ट करते हैं । XMLHttpRequest आब्‍जेक्‍टका प्रयोग किसी सर्वर से डेटा बिना वेबपेज को अपडेट किये प्राप्‍त करने के लिये किया जाता है । तात्‍पर्य यह है कि इसकी सहायता से आपके पूरे पेज को रिफ्रेश किये बिना ही नया डाटा आपके पेज के किसी विशेष हिस्‍से में अपडेट हो सकता है ।


XMLHttpRequest आब्‍जेक्‍ट बनाना 

प्राय: सभी ब्राउजर्स में XMLHttpRequest आब्‍जेक्‍ट इनबिल्‍ट रहता है ।
XMLHttpRequest आब्‍जेक्‍ट बनाने के लिये हमें दो तरीकों का प्रयोग करना होता है । एक तो सभी प्रकार के माडर्न ब्राउजर्स के लिये जो पहले ही इसे सपोर्ट करते हैं । तथा दूसरा पुराने ब्राउजर्स के लिये जिसमें एजाक्‍स इनबिल्‍ट नहीं होता है ।

नये ब्राउजर के लिये XMLHttpRequest आब्‍जेक्‍ट बनाना - 
 var NewBrowser = new XMLHttpRequest();

पुराने ब्राउजर्स के लिये XMLHttpRequest आब्‍जेक्‍ट बनाना -
var OldBrowser = new ActiveXObject("Microsoft.XMLHTTP");

यहाँ हमने दो वैरियेबल्‍स बनाये । एक NewBrowser तथा दूसरा OldBrowser । इन वैरियेबल्‍स के अन्‍तर्गत रखे गये कोड क्रमश: नये व पुराने ब्राउजर्स को सपोर्ट करते हैं । अर्थात् इनमें से पहला कोड नये ब्राउजर्स को आसानी से सपोर्ट करेगा तथा दूसरा कोड उन ब्राउजर्स के लिये है जो काफी पुराने और प्राय: अप्रचलित हो चुके हैं।

अब यहाँ एक विशेष ध्‍यान देने योग्‍य बात यह है कि हमारी वेबसाइट किसी नये ब्राउजर पर खुल रही है या किसी पुराने ब्राउजर पर ये हमको पता नहीं हो सकता है । इसीलिये इन दोनों ही आब्‍जेक्‍ट्स आपके पेज पर एक साथ रखना पडेगा । 
इसके लिये निम्‍न कोड का प्रयोग करेंगे । 

if (window.XMLHttpRequest) {
    // code for modern browsers
   var newBrowser = new XMLHttpRequest();
    } else {
    // code for IE6, IE5
    var oldBrowesr = new ActiveXObject("Microsoft.XMLHTTP");
  }


उक्‍त कोड के प्रयोग से यदि आपका ब्राउजर नया है, अपडेटेड है तो भी और पुराना है तो भी आपका एजाक्‍स कोड सही तरीके से काम कर सकेगा ।

Comments

  1. भाई मै आप की ब्लॉग का नियमित रीडर हु मैं आप से बात करना चाहता हूँ,
    मैंने एक ब्लॉग शूरू किया है,उस के लिए मई आप से सलाह लेना चाहता हु की मैं, गूगल एड्स अप्रोव करवाना चाहता हूँ ,तो आप मुझे इसके लिए ,मैं आप निर्देश से पोस्ट डालता रहूँगा बस आप मूझे बताते रहे की मै सही लिखता हु के नही ,तो मैं
    आशा करता हु की आप मुझे अपने नम्बर जरूर मेल .करेगे|
    मेरे ब्लॉग का url http://onlinetyarihindime.blogspot.in

    ReplyDelete
  2. sir, mene human, computer & secret language sambandhit blog banaya hai aur visual language sikhane sambandhit blog banaya hai jiska naam hai :https://lifeclasses4u.blogspot.in. me images ke dwara language sikhana chahta hu please sir agar apko blog pasand aye to batae ki adsense approve kaise hoga

    ReplyDelete
  3. Your blog is undoubtedly valuable and gainful for many who want to learn website designing. The way you keep your articles considerable and informative is appreciable. Keep posting.
    Website Design Agency | Website design company in Lucknow

    ReplyDelete
  4. Very Nice Post : Delhi weddings are known for their grandeur, vibrant traditions, and a dazzling array of fashion. As the celebrations evolve, so does the dress code, and the cocktail party has become a staple event demanding sophisticated and stylish attire. While traditional Indian wear holds a special place, many guests are embracing the opportunity to showcase contemporary Western cocktail outfits. This guide, with insights from Tehhzeeb Couture, helps you navigate the world of Western cocktail attire perfect for a Delhi wedding.

    ReplyDelete

Post a Comment

Popular posts from this blog

एचटीएमएल संरचना ।

पिछले पाठ में हमने एचटीएमएल का एक प्रारूप देखा । यहाँ पर उस प्रारूप की व्‍याख्‍या की जायेगी । इस अध्‍याय को लिखते समय हम यह मानकर चल रहे हैं कि वेबडिजाइनिंग सीखने की इच्‍छा रखने वाले को सामान्‍य कम्‍प्‍यूटर ज्ञान जैसे कि कम्‍प्‍यूटर की कोई फाइल या फोल्‍डर खोलना, बन्‍द करना, किसी प्रोग्राम को खोलना, नया फोल्‍डर बनाना, किसी फाइल को खोलना, उसपर काम करना, उसे सेव करना तथा डिलीट करना आदि । इसलिये हम इन सभी बातों को बताने की अपेक्षा सीधे एचटीएमएल की तरफ चलते हैं । एचटीएमएल का फुलफार्म - HTML = Hyper Text Markup Language एचटीएमएल संरचना - पिछले पाठ में हमने निम्‍न कोडिंग का प्रयोग किया था । <!DOCTYPE HTML> <html> <head> <title>My First Html Page</title> </head> <body> Hello World </body> </html> अब इस कोडिंग की पूरी व्‍याख्‍या यहाँ प्रस्‍तुत की जा रही है ताकि आप एचटीएमएल को पूरी तरह समझ सकें । यह ध्‍यान रखें कि एचटीएमएल वेबपेज बनाने का सर्वप्रथम सोपान है, बिना इसके सीखे आप वेबपेज नही बना सकते हैं । <!DOCTYPE ...

सीएसएस का प्रयोग (How to Use CSS)

     सीएसएस का प्रयोग अत्‍यन्‍त सरल है । सीएसएस का प्रयोग आपका बहुत सारा समय व आपकी बहुत सारी मेहनत बचाने के साथ ही साथ आपके पेज को बेहतरीन सुन्‍दरता प्रदान करता है । इसके प्रयोग की तीन विधियाँ हैं । ये तीनों ही विधियाँ प्रयोज्य हैं अर्थात् इनमें से किसी भी विधि का प्रयोग आपको वांछित परिणाम प्रदान कर सकता है । सीएसएस प्रयोग विधि सीएसएस का प्रयोग निम्‍नलिखित तीन विधियों से किया जा सकता है । सीएसएस को एक अलग सीएसएस फाइल में लिखकर उसे एचटीएमएल पेज से लिंक करना । सीएसएस को एचटीएमएल पेज के हेड सेक्‍सन के अन्‍तर्गत स्‍टाइल टैग के अन्‍दर लिखना । सीएसएस को किसी भी टैग या एलीमेण्‍ट के अन्‍दर सीधे लिखना । सीएसएस का बाह्य प्रयोग -       सीएसएस को बाहर से लिंक करना सबसे बेहतरीन तरीका है । इस तरीके से आपकी कोडिंग फाइल बहुत बोझिल और बडी होने से बच जाती है । यदि हमें एक बहुत सारे ब्‍लाक्‍स का पेज बनाना है और हम हर ब्‍लाक को अलग अलग रंगों व तरीकों से सजाते हैं तो निश्चित ही हमारे पेज की कोडिंग फाइल बहुत बडी हो जायेगी जिसे सुधार कर...

एजाक्‍स तकनीकि - एजाक्‍स सीखें हिन्‍दी में ।

एजाक्‍स कोई स्‍वतन्‍त्र तकनीकि नहीं अपितु अन्‍तर्सम्‍बन्धित तकनीकों का वर्ग है । एजाक्‍स के अन्‍तर्गत मुख्‍य रूप से निम्‍न तकनीकि (भाषाएं) रखी जा सकती हैं । एचटीएमएल सीएसएस एक्‍सएमएल जेएसऑन जावास्क्रिप्‍ट XMLHttpRequest आब्‍जेक्‍ट की प्रापर्टीज  - onReadyStateChange - जब भी रेडीस्‍टेट बदलता है तो इसे कॉल किया जाता है । इसे synchronous requests के साथ प्रयोग नहीं करना चाहिए । readyState - यह विभिन्‍न कार्यों को सम्‍पादित करने के लिये प्रयुक्‍त होता है । इसे सोपान क्रम में UNOPENED, OPENED, HEADERS_RECEIVED, LOADING, DONE तरह रखा जा सकता है । reponseText - रिस्‍पान्‍स को टेक्‍स्‍ट के रूप में प्रकट करता है । responseXML - रिस्‍पान्‍स को एक्‍सएमएल के रूप में प्रकट करता है । XMLHttpRequest आब्‍जेक्‍ट के महत्‍वपूर्ण मेथड - void open(method, URL) - अनुरोध को गेट अथवा पोस्‍ट मेथड के आधार पर दिये हुए यूआरएल को भेजता है । void open(method, URL, async) - उपयुक्‍त की ही भॉंति इसका भी कार्य है केवल asynchronous है या नहीं इसका विवरण भी देता है । void open(method, ...