ستناقش هذه المدونة طرق إعادة تحميل div بدون إعادة تحميل الصفحة بأكملها في JavaScript.
كيف يتم إعادة تحميل div بدون إعادة تحميل الصفحة بأكملها في jQuery؟
ال ' شعبة 'بدون إعادة تحميل الصفحة بأكملها باستخدام طريقة jQuery' on () 'جنبًا إلى جنب مع' حمل() ' طريقة.
تقوم طريقة on () بربط واحد أو أكثر من معالجات الأحداث للعناصر ، وتقوم طريقة load () بتحميل المحتوى في العنصر الذي تم جلبه. يمكن دمج هذه الطرق للوصول إلى div وإعادة تحميله عند الحدث الذي تم تشغيله.
مثال
دعونا نلقي نظرة عامة على كود HTML التالي:
< الجسم >
< h2 > هذه هي طريقة إعادة تحميل div بدون إعادة تحميل الصفحة بأكملها h2 >
< معرف شعبة = 'myDiv' >
< ص > JavaScript هي لغة برمجة تحتوي على وظائف و المتغيرات و الأحداث والأشياء إلخ. ص >
شعبة >
< زر > إعادة تحميل زر >
الجسم >
في كتلة التعليمات البرمجية أعلاه:
- قم بتضمين العنوان المذكور.
- حدد أيضًا عنصر '' الذي يحتوي على السمة 'id'.
- بعد ذلك ، قم بتضمين الفقرة داخل العلامة '
' وزرًا لتشغيل الوظيفة المطلوبة.
الآن ، دعنا ننتقل إلى كود جافا سكريبت:
< النصي src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
النصي >
< النصي >
$ ( 'زر' ) . تشغيل ( 'انقر' و وظيفة ( ) {
$ ( '#myDiv' ) . حمل ( '#myDiv' )
إنذار ( 'معاد تحميل' )
} ) ؛في مقتطف الشفرة هذا
- قم بتضمين مكتبة jQuery عبر ' src ' ينسب.
- الوصول إلى الزر الذي تم إنشاؤه وإقران ' تشغيل() ' طريقة.
- سيؤدي هذا إلى استدعاء الوظيفة المذكورة عند النقر فوق الزر ، كما يتضح من الحدث المرفق ' انقر '.
- في تعريف الوظيفة ، قم بالوصول إلى ' 'وتحميله مرة أخرى باستخدام' حمل() 'بالإشارة إلى' هوية شخصية '.
- نتيجة لذلك ، سيتم إعادة تحميل div المضمّن مرة أخرى عند النقر فوق الزر ، وسيتم عرض الرسالة المحددة عبر مربع حوار التنبيه.
انتاج |
يمكن ملاحظة أنه تم إعادة تحميل div بنجاح بدون إعادة تحميل الصفحة بأكملها.
استنتاج
لإعادة تحميل div بدون إعادة تحميل الصفحة بأكملها ، استخدم ' تشغيل() 'بالاشتراك مع' حمل() ' طريقة. يمكن استخدام هذه الطرق لإعادة تحميل محتوى div عند الحدث الذي تم تشغيله من خلال الوصول إليه والرجوع إليه مرة أخرى. وصفت هذه المدونة طريقة إعادة تحميل div بدون إعادة تحميل الصفحة بأكملها.
- بعد ذلك ، قم بتضمين الفقرة داخل العلامة '