Отправка формы с помощью ajax. Почему происходит редирект?

Question

[Петр Волханов]

Есть вот такой jQuery код:

j$('#gen').submit(function(event){
            var postData = j$(this).serializeArray();
            alert(postData);
            var formURL = j$(this).attr("action");
            alert(formURL);
            j$.ajax(
            {
                url : "gen.php",
                type: "POST",
                data : postData,
                success:function(data, textStatus, jqXHR) 
                {
                    //data: return data from server
                    alert(data);
                },
                error: function(jqXHR, textStatus, errorThrown) 
                {
                    //if fails
                    alert(data);
                }
            });
            // Stop form from submitting normally
            event.preventDefault();
            //event.stopPropagation();
            //event.cancelBubble();
            event.unbind();
            alert("clicked!");
            j$("#gen").submit();
          });

И есть форма с id="gen". Проблема в том, что все работает, но при нажатии кнопки "Submit" происходит редирект на страницу, которая указана в атрибуте action у формы. Почему это происходит?

Answer 1

[Сергей delphinpro]

Потому что вы ее отправляете :)
j$("#gen").submit();

Comments

[Петр Волханов]

Сергей Почему происходит редирект на другую страницу, если стоит event.preventDefault();?

[Сергей delphinpro]

Я же сказал - Вы вышеуказанной строчкой отправляете форму. Уберите ее.

[Андрей Мохов]

Евгений Привалов: у вас синтаксическая ошибка, неужели браузер не показывает ошибку?

[Илья Шатохин]

Сергей: форма не отправляется из-за event.preventDefault(), но будет рекурсия - submit вызывает submit.

[Петр Волханов]

Андрей Мохов: Chrome не показывает никакой ошибки

[Петр Волханов]

Анатолий K: Чтобы при нажатии кнопки Submit браузер не переходил на страницу, которая указана в action у формы, а остался на этой же странице, но данные отправились на обработку.

[Илья Шатохин]

Евгений Привалов: еще раз - уберите повторный вызов события j$("#gen").submit().