Не выводится сообщение ajax при успешной отправке формы, в чем причина?

Question

[Alexander0]

Здравствуйте, помогите решить проблему: сделал отправку формы через ajax, сама форма отправляется, но сообщение об успешной отправке не выводится. Какую ошибку я допустил?

$(document).ready(function() {
    $('#form1').submit(function(e) {
   
      var formData = new FormData($('#form1')[0]);
    
      $.ajax({
        url: 'formsend.php',
        data: formData,
        processData: false,
        contentType: false,
        type: 'POST',
        dataType: 'JSON',
        success: function(data) {
alert("Ваше сообщение отпрвлено!");
        }  
      });
      e.preventDefault();
    });
});

Comments

[Alexander0]

Php Storm, сделал, ничего не появляется в консоли.

[Павел Корнилов]

Пропишите url от корня сайта.

[Alexander0]

KorniloFF, vpodarok29.ru

[Ezhyg]

Alexander0, url: 'formsend.php', - здесь от корня, а не в комментарий

[alex-1917]

на каком браузе смотришь-то?

[Alexander0]

Прописал от корня...толку 0. Данные то уходят нормально. Только потом нет перезагрузки страницы и сообщение об отправке не идет. При этом форма остается заполненная и можно повторно отправить нажатием кнопки.

[дядя Фёдор]

На мой взгляд вами допущена следующая ошибка:
Анонимная функция-обработчик события 200 (success) вызывается без учета того, что
на обмен заголовками, отправку формы и получение ответа сервера уходит некоторое время. Если вы организуете ее асинхронный вызов, повесите на setTimeOut
например, то когда от сервера придет ok, вы и увидите ваше сообщение. А так он приходит уже после того как ваша функция отработалась.
Совет: посмотреть в инете примеры асинхронных ajax запросов на ванильном js без JQuery. Когда в этом разберетесь, отправлять формы с JQuery будет легко, как два пальца об асфальт.

Answer 1

[marsdenden]

если судить по этому, то надо что-то сделать с formData. Если совсем уж точно, то преобразовать в строку, а не отправлять объект как таковой. Видимо, jQuery все же не настолько умен, чтобы преобразовывать объекты. И еще не мешает поглядывать в консоль (F12 в Firefox/Chrome)

data: JSON.stringify(formData),