Моя форма jquery не работает в Firefox?

Question

У меня проблема с созданием этой формы для работы в Firefox, но она отлично работает в Goole Chrome. Я вижу в сети, после того, как я нажимаю кнопку, которая вызывает test.php, а затем я получаю ошибку: объект, объект ... Я не знаю, какая часть функции Ajax-функции не работает в Firefox и как ее исправить. Надеюсь, что кто-то может помочь мне :)

$(document).on('submit','form#myform',function(){ 
    $.ajax({ 
      type:'POST', 
      url: '/wp-content/themes/html5blank-stable/test.php', 
      data: $('form').serialize(), 
      success: function(data) { 
       $("#addEmilInfo").append(data); 
     }, 
     error: function(error){ 
      alert(error); 
     } 
    }); 
}); 

И я попытался с помощью event.preventDefault() ;, но затем кнопку не будет реагировать на все.

Answer 1

Не отправляйте форму при вызове ajax. Попробуйте ниже код:

$(document).on('submit','form#myform',function(e){ 
    e.preventDefault(); //prevent default submit action 
    $.ajax({ 
      type:'POST', 
      url: '/wp-content/themes/html5blank-stable/test.php', 
      data: $('form').serialize(), 
      success: function(data) { 
       $("#addEmilInfo").append(data); 
     }, 
     error: function(error){ 
      alert(error); 
     } 
    }); 
}); 

e.preventDefault(); будет препятствовать форме представить действие и будет вызывать Ajax URL без отправки формы