यह ब्लॉग पूरे पृष्ठ को जावास्क्रिप्ट में पुनः लोड किए बिना div को पुनः लोड करने के तरीकों पर चर्चा करेगा।
JQuery में संपूर्ण पृष्ठ को पुनः लोड किए बिना div को पुनः लोड कैसे करें?
' डिव 'के साथ संयोजन में jQuery की' चालू () 'विधि का उपयोग करके पूरे पृष्ठ को पुनः लोड किए बिना पुनः लोड किया जा सकता है' भार() ' तरीका।
ऑन () विधि तत्वों के लिए एक या अधिक ईवेंट हैंडलर को जोड़ती है, और लोड () विधि सामग्री को प्राप्त तत्व में लोड करती है। इन विधियों को div तक पहुँचने और ट्रिगर किए गए ईवेंट पर पुनः लोड करने के लिए जोड़ा जा सकता है।
उदाहरण
आइए निम्नलिखित HTML कोड का अवलोकन करें:
< तन >
< एच 2 > पूरे पृष्ठ को पुनः लोड किए बिना div को पुनः लोड करने का तरीका इस प्रकार है एच 2 >
< डिव आईडी = 'माईडिव' >
< पी > जावास्क्रिप्ट एक प्रोग्रामिंग लैंग्वेज है जिसमें फंक्शन होते हैं , चर , घटनाओं और वस्तुओं आदि पी >
डिव >
< बटन > पुनः लोड करें बटन >
तन >
उपरोक्त कोड ब्लॉक में:
- उल्लिखित शीर्षक शामिल करें।
- इसके अलावा, '' तत्व निर्दिष्ट करें जिसमें विशेषता 'आईडी' हो।
- उसके बाद, “
” टैग के भीतर पैराग्राफ और वांछित कार्यक्षमता को ट्रिगर करने के लिए एक बटन शामिल करें।
अब, जावास्क्रिप्ट कोड पर चलते हैं:
< स्क्रिप्ट स्रोत = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
लिखी हुई कहानी >
< लिखी हुई कहानी >
$ ( 'बटन' ) . पर ( 'क्लिक करें' , समारोह ( ) {
$ ( '#myDiv' ) . भार ( '#myDiv' )
चेतावनी ( 'रीलोडेड' )
} ) ;इस कोड स्निपेट में
- JQuery लाइब्रेरी को 'के माध्यम से शामिल करें' स्रोत ' विशेषता।
- बनाए गए बटन तक पहुंचें और 'को संबद्ध करें' पर() ' तरीका।
- यह बटन क्लिक करने पर उल्लिखित फ़ंक्शन को लागू करेगा, जैसा कि संलग्न घटना से स्पष्ट है ' क्लिक ”।
- फ़ंक्शन परिभाषा में, शामिल एक्सेस करें ' <दिव> ' तत्व और 'का उपयोग करके इसे फिर से लोड करें' भार() इसके संदर्भ में 'विधि' पहचान ”।
- नतीजतन, बटन क्लिक करने पर शामिल div को फिर से लोड किया जाएगा, और अलर्ट डायलॉग बॉक्स के माध्यम से कहा गया संदेश प्रदर्शित किया जाएगा।
उत्पादन
यह देखा जा सकता है कि पूरे पृष्ठ को पुनः लोड किए बिना div को सफलतापूर्वक पुनः लोड किया गया है।
निष्कर्ष
पूरे पृष्ठ को पुनः लोड किए बिना div को पुनः लोड करने के लिए, 'का उपयोग करें' पर() 'के साथ संयोजन में विधि' भार() ' तरीका। ट्रिगर किए गए ईवेंट पर div की सामग्री को फिर से लोड करने और इसे फिर से संदर्भित करने के लिए इन विधियों का उपयोग किया जा सकता है। इस ब्लॉग ने पूरे पृष्ठ को पुनः लोड किए बिना div को पुनः लोड करने की विधि का वर्णन किया।
- उसके बाद, “