שליחת טופס באמצעות Ajax

על מנת לבצע שליחה של הטופס ולבצע הטמעה איכותית של Google Analytics יש למנוע את המעבר לדומיין אחר (NTT) ולאחר מכן ביצוע Redirect בחזרה לאתר שכן פעולה זו משבשת את יכולת ה"לימוד" והניתוח של הקמפיין.

על מנת לפתור מקרה זה, אנו נטמיע וניישם את שליחת הטופס בעזרת Ajax.

יש לבצע מספר שלבים:

1. יש להסיר את כתובת הטופס מהAction שנמצא בתוך תגית הForm.

2. יש לתת ID לתגית הForm.

3. יש למחוק את הValue בשדה הRedirect.

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

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

   
        $('#pageForm').submit(function(e) {

            e.preventDefault();
            $.ajax({
                type: "POST",
                url: 'http://www.ntt.co.il/code/form_submit_utf.php',
                data: $('#pageForm').serialize(), // serializes the form's elements.
                success: function(data) {
                    
                }
            });
            document.location.href = 'thankyou.html';
        });