Photo-1

בניית טופס צור קשר עם שימוש ב Jquery ו AJAX





במאמר זה נעשה שימוש ב Bootstrap

רצוי להכיר את שיטת ה OOP לפני שמתחילים אבל אין הכרח לעבוד בצורה כזו. מידע נוסף על OOP

 

מתחילים

דבר ראשון שצריך לבנות הינו טופס ה HTML עליו נבצע את השליחה שלנו (כך יראה הטופס )

*קוד מקור בתחתית הבלוג

 

נתפס על ה id של הכפתור ContactButton.

שלב 2

נכין את הפונקציה (jquery) שתשלח את הנתונים שלנו לשרת.

כאן נשתמש בקריאת AJAX :

 שלב 3:

 לאחר לחיצה על כפתור השליחה הפונקציה תשלח קריאת AJAX לקובץ בשם mailer.php הקובץ יחזיר 1 במידה והשליחה הצליחה ו 0 אחרת.

אתר הפונקציה divur ניתן למצוא בלינק (שליחת מייל בעברית עם PHP ) ניתן להשתמש גם בפונקציית mail הרגילה.

להלן הקוד:

עכשיו נחבר הכל ביחד ונקבל טופס צור קשר עם סטייל!

 

להורדת קוד המקור לחץ כאן

 

רשיון:

קוד זה מכיל את הספרייה Jquery הניתנת תחת רשיון הפצה MIT

https://jquery.org/license/

קוד זה מכיל את הספרייה Bootstrap המופץ תחת רשיון Apache 2.0

קרא עוד

*יש להוריד את הקובץ מהלינק הזה ולהכניס את קובץ bootstrap.css לתקייה assats/css .

 

כל שאר הקוד מופץ תחת רשיון MIT וניתן לשימוש פרטי ומסחרי בחינם.