js - איך להעביר משתנה בין דפים / לשרת

[mekev]

פרויקט ונילה
צד שרת node.js
צד לקוח: html / js / jquery

אתאר את השאלה עם דוגמא

בניתי אתר למעבדת מחשבים
באתר, חוץ מהכרטיס עבודה המלא לכל עבודה
יש טבלת נתונים שמציגה לעובד את כל העבודות הפתוחות במחלקה שלו
הטבלה נטענת ע"י בחירת המשתמש כגון: ממתין להתקנת מעבד / ממתין לכונן קשיח / ממתין להרכבה / ממתין לתשלום

ע"מ להקל על התפעול והעדכונים
שמתי אירוע - בעת לחיצה על שורה: מתבצע עדכון מידע בשרת (מה מתעדכן? שהותקן הכונן / שהלקוח שילם, וכמובן, עם שאלה למשתמש, וכו')

המצב כרגע הוא:
הנתונים בטבלה נטענים לפי משתנה שהעברתי מהלחצן לדף הטבלה בCookie (דף ראשוני המכיל לחצנים, באירוע לחיצה - נטען הדף הנוכחי עם הטבלה)
באירוע של 'קליק' על שורה אני שולח לשרת JSON המכיל את המזהה
ובנוסף אני עושה switch לפי המשתנה שקבלתי ב Cookie ולפי זה יודע איזה נתון לעדכן לעבודה

למה נראה לי שאני עושה את זה בצורה שגויה?
כי במידה (1)והמשתמש התעקש לפתוח את האתר פעמיים (2)ובנוסף לא רענן את הדף
עלול להווצר לי שגיאה
כי המשתנה בCookie יכול להכיל באותו זמן משתנה של דוח X, בעוד בלשונית הפתוחה מוצג כעת דוח Y

איך אמורים לבצע את זה בצורה נכונה?

[ivrtikshoret]

למה לא להשתמש עם פרימוורקים ידועים כמו אנגולר ריאקט vue וכו' ?
שם זה מובנה שאתה יכול להעביר נתונים בין קומפוננטות

[dovid]

@mekev כתב בjs - איך להעביר משתנה בין דפים / לשרת:

פרויקט ונילה

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

המצב כרגע הוא:
הנתונים בטבלה נטענים לפי משתנה שהעברתי מהלחצן לדף הטבלה בCookie (דף ראשוני המכיל לחצנים, באירוע לחיצה - נטען הדף הנוכחי עם הטבלה)
באירוע של 'קליק' על שורה אני שולח לשרת JSON המכיל את המזהה
ובנוסף אני עושה switch לפי המשתנה שקבלתי ב Cookie ולפי זה יודע איזה נתון לעדכן לעבודה

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

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

[mekev]

היות והנושא העיקרי נסגר בצורה דיסקרטית...

אתייחס לתת-נושא

@dovid כתב בjs - איך להעביר משתנה בין דפים / לשרת:

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

שאלה:
האם יש בתעשייה
'שם/כינוי' לפרויקט הבנוי כדפים בודדים
(ולא באמצעות אנגולר / ריאקט וכד')

[dovid]

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

[dovid]

אעדכן שתיקשרנו בפרטי, והמסקנא הייתה שיש להשתמש בquery-string.