JS - החלפת רכיב מורכב בדף, מה עדיף?

[איש נחמד]

שואל בעקבות שאלה דומה שנשאלה אך התשובות לא סיפקו מענה עבורי.
יש לי ממשק משתמש שצריך להציג בתפריט העליון את תמונת המשתמש עם תפריט נפתח (dropdown) שכולל את שם המשתמש, וקישורים מותאמים. במצב מנותק יש שם כפתור פשוט להתחברות.
בדפים מסוימים באתר קיימת התחברות שמבוצעת באמצעות AJAX, מה שיוצר את הצורך לטעון את התבנית המתאימה מבין השניים הנ"ל.
האם יהיה נכון לכלול את 2 התבניות לתוך משתנים של JS שיוזרקו לדף, או שקיימת דרך טובה יותר לבצע את הפעולה הזו?

[yossiz]

@איש-נחמד אתה לא משתמש בשום פריימוורק?

לכאורה הכי פשוט הוא להכניס את שני התבניות לתוך ה-html ולהסתיר את הלא-רלוונטי באמצעות JS.

[איש נחמד]

@yossiz אני משתמש ב-jquery (גם בוטסטראפ, זה מאפשר לשחק עם ה-class כדי להסתיר או להציג).
בפתרון שהצעת אני יצטרך גם לנקות את הקישורים והתמונה ביציאה מהחשבון.
חשבתי על רעיון של משיכת ה-HTML בעת התחברות אבל היה נראה לי מופרע מדי.

[יוסף בן שמעון]

@איש-נחמד אני תוהה אם זו הבעיה הראשונה שנתקלת עד היום בתחום הזה, איך אפשר לבנות ממשק משתמש עם אג'קס בלי פריימוורק?

[איש נחמד]

@יוסף-בן-שמעון אם אתה מתכוון לצד שרת - אני משתמש ב-PHP.

[יוסף בן שמעון]

@איש-נחמד אני מתכוון לצד לקוח, אני מכיר או ממשק שמרונדר רק בצד שרת או רינדור צד לקוח אבל עם פריימוורק כמו אנגולר ריאקט וכדומה, לא מכיר אפשרות לבנות רנדור צד לקוח עם אג'קס בלי פריימוורק, זה נשמע לי עבודה הזויה עד בלתי אפשרית

[yossiz]

@איש-נחמד אמר בJS - החלפת רכיב מורכב בדף, מה עדיף?:

בפתרון שהצעת אני יצטרך גם לנקות את הקישורים והתמונה ביציאה מהחשבון.

האומנם? במצב שהוא לא מחובר זה לא יוצג, אז למה צריך לנקות?
אולי מטעמי פרטיות/אבטחה?
אם כן, אולי באמת יותר קל למחוק את האלמנט מהדף ולבנות אותו מחדש במקרה של חיבור. אז חזרנו לשאלה המקורית שלך. אני חושב שהדבר שעדיף זה מה שהכי קל לך...

איך אפשר לבנות ממשק משתמש עם אג'קס בלי פריימוורק

פעם היו עושים את זה...

[יוסף בן שמעון]

@yossiz אמר בJS - החלפת רכיב מורכב בדף, מה עדיף?:

פעם היו עושים את זה...

לא נכון, היו מרנדרים בצד שרת

[איש נחמד]

@יוסף-בן-שמעון אמר בJS - החלפת רכיב מורכב בדף, מה עדיף?:

@איש-נחמד אני מתכוון לצד לקוח, אני מכיר או ממשק שמרונדר רק בצד שרת או רינדור צד לקוח אבל עם פריימוורק כמו אנגולר ריאקט וכדומה, לא מכיר אפשרות לבנות רנדור צד לקוח עם אג'קס בלי פריימוורק, זה נשמע לי עבודה הזויה עד בלתי אפשרית

בגדול רוב התוכן הוא טבלאות, ויש לי את datatable או bootstrapo-tables שעושות עבודה נפלאה.
הבסיס הוא בוטסראפ ו-jQuery בצד לקוח, ו-php בצד שרת.
אני מודע לחטא הגדול של אי שימוש ב-node וכיו"ב, מחוסר זמן ללמידה...

[yossiz]

@איש-נחמד אין שום חטא בשימוש בטכנולוגיות ישנות יחסית. אם זה מה שעובד לך, אין שום הצדקה להשקיע במשהו חדש ומבריק.
אני אומר את זה למרות שנאתי ל-PHP...

[יוסף בן שמעון]

@איש-נחמד אמר בJS - החלפת רכיב מורכב בדף, מה עדיף?:

אני מודע לחטא הגדול של אי שימוש ב-node וכיו"ב, מחוסר זמן ללמידה...

לא הבנת אותי, אין לי בעיה שתעשה את זה PHP, אבל אל תרנדר תצוגות בצד לקוח עם אג'קס, אם עשית לוגין אז תרענן את הדף אחרי הלוגין ותשלח דף חדש מהשרת

[איש נחמד]

@יוסף-בן-שמעון אמר בJS - החלפת רכיב מורכב בדף, מה עדיף?:

@איש-נחמד אמר בJS - החלפת רכיב מורכב בדף, מה עדיף?:

אני מודע לחטא הגדול של אי שימוש ב-node וכיו"ב, מחוסר זמן ללמידה...

לא הבנת אותי, אין לי בעיה שתעשה את זה PHP, אבל אל תרנדר תצוגות בצד לקוח עם אג'קס, אם עשית לוגין אז תרענן את הדף אחרי הלוגין ותשלח דף חדש מהשרת

יש לי טופס מורכב, וריענון של הדף ימחק את הנתונים. המטרה היא לפשט את תהליך מילוי הטופס, הכוונת המשתמש לדף כניסה תחטיא את המטרה. שמירה בעוגיות של הדפדפן תצריך כתיבת קוד גדולה יותר (אבטחה) מאשר הפתרונות שהוצגו למעלה.

[dovid]

לגוף הנושא לא ברור אם התשובה של @yossiz (הראשונה עם הכללת שני האפשרויות בדף) מספקת אותך, ואם לא מדוע.
לעניין הפער טכנולוגי, אני סבור שלא חכם לעזוב בבת אחת את PHP בפרוייקט קיים, רק תנסה להימנע ממנו בפרוייקט הבא.
אבל בקשר לצד לקוח אתה יכול להשתדרג דרמטית מרגע לרגע. אני ממליץ לך בחום על angularjs שזה הספריה שהכי פחות תזעזע לך את הדף/התבנית/הפיתוח/החיים, זה jquery עם שכלולים ממש מגניבים.