Почему jquery представляет мою форму ajax дважды?

Question

Когда моя форма будет отправлена, php вернет false, если ей не нравятся значения, содержащиеся в field1 и field2. Если это похоже на эти поля, то оно вернет true. Если пользователь отправляет форму, а php возвращает false, появляется предупреждение. После закрытия окна предупреждения, если пользователь немедленно вводит новые (хорошие) данные в эти поля и снова отправляет форму, форма представляется как-то дважды. Зачем? Как я могу это исправить?

$("form#myForm").on('submit',function() 
{ 
    $.ajax(
    { 
     type: "POST", 
     url: 'myfile.php', 
     dataType: 'html', 
     data: 
     { 
      field1:$("input[name=field1]").val(), 
      field2:$("input[name=field2]").val() 
     }, 
     success: function(data) 
     { 
      if(data == false) 
      { 
       alert('hello world'); 
      } 
      else 
      { 
       // stuff 
      } 
     } 
    }); 
    return false; 
}); 

Answer 1

Поскольку вы делаете сообщение ajax, вам необходимо отключить поведение кнопки отправки по умолчанию. См http://api.jquery.com/event.preventDefault/

Answer 2

добавить этот код после того, как ниже, перед тем return false

$('#myForm').unbind('submit'); 
return false; 

Answer 3

Тот же вопрос был задан в 2014 году (jquery ajax form submits twice).

e.preventDefault() на собственных работах для кнопок и якорных ссылок, но не работал для меня при отправке формы (идентичной коду Нэнси выше).

Я должен был добавить e.stopImmediatePropagation(); перед моим сообщением ajax. Это остановило вызов ajax от подачи дважды.