בלוג זה ידון בגישות לטעינה מחדש של ה-div מבלי לטעון מחדש את כל העמוד ב-JavaScript.
כיצד לטעון מחדש את ה-div מבלי לטעון מחדש את כל העמוד ב-jQuery?
ה ' div 'ניתן לטעון מחדש מבלי לטעון מחדש את כל העמוד באמצעות שיטת 'on()' של jQuery בשילוב עם ' לִטעוֹן() ' שיטה.
השיטה on() משייכת מטפל אחד או יותר באירועים עבור האלמנטים, והשיטה load() טוענת את התוכן לתוך האלמנט שנלקח. ניתן לשלב שיטות אלו כדי לגשת ל-div ולטעון אותו מחדש לאחר האירוע שהופעל.
דוגמא
בואו נסקור את קוד ה-HTML הבא:
< גוּף >
< h2 > כך ניתן לטעון מחדש את ה-div מבלי לטעון מחדש את כל העמוד h2 >
< מזהה div = 'myDiv' >
< ע > JavaScript היא שפת תכנות המכילה פונקציות , משתנים , אירועים וחפצים וכו'. ע >
div >
< לַחְצָן > לִטעוֹן מִחָדָשׁ לַחְצָן >
גוּף >
בגוש הקוד שלמעלה:
- כלול את הכותרת המצוינת.
- כמו כן, ציין את האלמנט '' בעל התכונה 'id'.
- לאחר מכן, כלול את הפסקה בתוך התג '
' וכפתור כדי להפעיל את הפונקציונליות הרצויה.
עכשיו, בואו נעבור לקוד JavaScript:
< script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
תַסרִיט >
< תַסרִיט >
$ ( 'לַחְצָן' ) . עַל ( 'נְקִישָׁה' , פוּנקצִיָה ( ) {
$ ( '#myDiv' ) . לִטעוֹן ( '#myDiv' )
עֵרָנִי ( 'נטען מחדש' )
} ) ;בקטע קוד זה
- כלול את ספריית jQuery דרך ' src ' תכונה.
- גש ללחצן שנוצר ושייך את ' עַל() ' שיטה.
- זה יפעיל את הפונקציה המוזכרת בלחיצת הכפתור, כפי שעולה מהאירוע המצורף ' נְקִישָׁה '.
- בהגדרת הפונקציה, גש ל' ' רכיב וטען אותו שוב באמצעות ' לִטעוֹן() שיטת ' בהתייחסות ל' שלה תְעוּדַת זֶהוּת '.
- כתוצאה מכך, ה-div הכלול ייטען מחדש לאחר לחיצה על הכפתור, וההודעה המוצהרת דרך תיבת הדו-שיח של ההתראה תוצג.
תְפוּקָה
ניתן לראות שה-div נטען מחדש בהצלחה מבלי לטעון מחדש את כל העמוד.
סיכום
כדי לטעון מחדש את ה-div מבלי לטעון מחדש את כל העמוד, השתמש ב-' עַל() שיטת ' בשילוב עם ' לִטעוֹן() ' שיטה. ניתן להשתמש בשיטות אלה כדי לטעון מחדש את התוכן של ה-div על האירוע המופעל על ידי גישה אליו והפניה אליו שוב. בלוג זה תיאר את השיטה לטעון מחדש את ה-div מבלי לטעון מחדש את כל העמוד.
- לאחר מכן, כלול את הפסקה בתוך התג '