אני יוצר סתם כפתור , ניתן לו גם CLASS כדי שנוכל להפעיל אותו באמצעות JAVASCRIPT שיפעיל פקודת AJAX

הפקודה תיצור משתנה SESSION

עם ערך שאחליט מראש (בעקרון צריך למשוך את הערך מאחד האובייקטים בעמוד) אבל זה לא התרגיל

כאן מתחת יש וידגט HTML עם קוד



c104d7f5209f4833820a3752ff8cf674
Array ( )

התרגיל הבא הוא ליצור טופס אלמנטור עם SELECT שיש בו ערכים,

ברגע שנלחץ על הכפתור נפעיל שוב פקודת JAVASCRIPT שתמשוך ערך שבחרתי מ ה SELECT

אותו נשלח לפקודת AJAX מאחורי הקלעים

את הכפתור בטופס נגדיר class

 

יש גם אפשרות ליצור הוק לטופס האלמנטור באמצעות PHP אבל לפי דעתי יותר פשוט להתנהל עם JAVASCRIPT.

בהוק של אלמנטור ניתן למשוך את הנתון מתוך הטופס ולהזין אותו לסשן 

נראה לי ההבדל ששימוש בJAVASCRIPT הדף לא מתרענן לאחר הבקשה כאשר לא מוגדר רידיירקט בטופס.

השלב הבא הוא ניצור שורקוד שמושך את ה SESSION באמצעות קוד AJAX

נשתמש ב LOAD

https://www.w3schools.com/jquery/jquery_ajax_load.asp

אפשרי גם להשתמש ב AJAX אבל LOAD פשוט יותר

https://www.w3schools.com/jquery/jquery_ajax_get_post.asp

 

בשלב הבא והכי מגניב 

נייצר טופס אלמנטור עם SELECT ונסיר את הכפתור ה SUBMIT מהטופס על ידי  CSS או JQUREY 

נשתמש בפקודה של JQUREY

CHANGE

כלומר הקוד מאחורי הקלעים יופעל ברגע שאני משנה ערך בסלקט

ואז נחזיר את הערך לדפדפן – כל זה מבלי לרענן את העמוד.

רוב הקוד יהיה ב JAVASCRIPT ורק הגדרת ה SESSION תהיה באמצעות PHP

אפילו אין צורך בשורט קוד של וורדפרס

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

לפני זה בו ניצר טופס עם WEBHOOK ונראה מה קורה

וואו זה עובד,

כלומר ניתן לוותר על חלק מקוד הJAVASCRIPY של AJAX

אפשר להעביר נתונים מתוך הטופס ב HOOKWEB  בשורת הכתובת 

ועל ידי משתנה גלובלי $_REQUEST לחלץ את הנתון מאחורי הקלעים ולעשות איתו מה שבא לנו

פרוייקט סופי מגניב

נייצר טופס אלמנטור עם SELECT ונסיר את הכפתור ה SUBMIT מהטופס על ידי  CSS או JQUREY 

החלטתי להסיר את הכפתור ב CSS 

ברגע שנבחר מתוך הסלקט נתון נמשוך אותו למשתנה שנגדיר

var select_val_on_change = $("#form-field-select_num option").filter(":selected").val();

נקפיץ הודעה ALERT במקום קוד נוסף