یہ بلاگ جاوا اسکرپٹ میں پورے صفحے کو دوبارہ لوڈ کیے بغیر div کو دوبارہ لوڈ کرنے کے طریقوں پر بحث کرے گا۔
jQuery میں پورے صفحہ کو دوبارہ لوڈ کیے بغیر div کو کیسے دوبارہ لوڈ کیا جائے؟
' div ' کے ساتھ مل کر jQuery کے 'on()' طریقہ کا استعمال کرتے ہوئے پورے صفحے کو دوبارہ لوڈ کیے بغیر دوبارہ لوڈ کیا جا سکتا ہے۔ لوڈ() 'طریقہ.
on() طریقہ عناصر کے لیے ایک یا زیادہ ایونٹ ہینڈلرز کو جوڑتا ہے، اور load() طریقہ مواد کو حاصل کردہ عنصر میں لوڈ کرتا ہے۔ ان طریقوں کو ملا کر div تک رسائی حاصل کی جا سکتی ہے اور اسے متحرک ہونے والے ایونٹ پر دوبارہ لوڈ کیا جا سکتا ہے۔
مثال
آئیے درج ذیل HTML کوڈ کا جائزہ لیتے ہیں:
< جسم >
< h2 > پورے صفحے کو دوبارہ لوڈ کیے بغیر div کو دوبارہ لوڈ کرنے کا طریقہ یہ ہے۔ h2 >
< div id = 'myDiv' >
< ص > جاوا اسکرپٹ ایک پروگرامنگ لینگویج ہے جس میں فنکشنز ہوتے ہیں۔ , متغیرات , واقعات اور اشیاء وغیرہ ص >
div >
< بٹن > دوبارہ لوڈ کریں بٹن >
جسم >
مندرجہ بالا کوڈ بلاک میں:
- بیان کردہ سرخی شامل کریں۔
- نیز، '' عنصر کی وضاحت کریں جس میں انتساب 'id' ہو۔
- اس کے بعد، '
' ٹیگ کے اندر پیراگراف اور مطلوبہ فعالیت کو متحرک کرنے کے لیے ایک بٹن شامل کریں۔
اب، آئیے جاوا اسکرپٹ کوڈ پر چلتے ہیں:
< سکرپٹ src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
سکرپٹ >
< سکرپٹ >
$ ( 'بٹن' ) . پر ( 'کلک کریں' , فنکشن ( ) {
$ ( '#myDiv' ) . لوڈ ( '#myDiv' )
الرٹ ( 'دوبارہ لوڈ کیا گیا' )
} ) ;اس کوڈ کے ٹکڑوں میں
- jQuery لائبریری کو 'کے ذریعے شامل کریں src ' وصف.
- تخلیق کردہ بٹن تک رسائی حاصل کریں اور 'کو منسلک کریں پر() 'طریقہ.
- یہ بٹن پر کلک کرنے پر مذکورہ فنکشن کو شروع کرے گا، جیسا کہ منسلک واقعہ سے ظاہر ہوتا ہے۔ کلک کریں '
- فنکشن کی تعریف میں، شامل تک رسائی حاصل کریں ' عنصر اور اسے استعمال کرکے دوبارہ لوڈ کریں لوڈ() اس کا حوالہ دیتے ہوئے طریقہ آئی ڈی '
- نتیجتاً، بٹن پر کلک کرنے پر شامل div دوبارہ لوڈ ہو جائے گا، اور الرٹ ڈائیلاگ باکس کے ذریعے بیان کردہ پیغام ظاہر ہو جائے گا۔
آؤٹ پٹ
یہ دیکھا جا سکتا ہے کہ پورے صفحے کو دوبارہ لوڈ کیے بغیر div کامیابی کے ساتھ دوبارہ لوڈ ہو گیا ہے۔
نتیجہ
پورے صفحے کو دوبارہ لوڈ کیے بغیر div کو دوبارہ لوڈ کرنے کے لیے، ' پر() 'کے ساتھ مل کر طریقہ' لوڈ() 'طریقہ. ان طریقوں کا استعمال div کے مواد کو محرک واقعہ پر دوبارہ لوڈ کرنے کے لیے اس تک رسائی حاصل کرکے اور اس کا دوبارہ حوالہ دے کر کیا جاسکتا ہے۔ اس بلاگ نے پورے صفحے کو دوبارہ لوڈ کیے بغیر div کو دوبارہ لوڈ کرنے کا طریقہ بیان کیا۔
- اس کے بعد، '