jqueryフォームがFirefoxで動作していませんか？

Question

Firefoxで動作するようにこのフォームを作成する際に問題がありますが、Goole Chromeでは完全に機能します。私はボタンを押した後、test.phpを呼び出してネットワーク上で見ることができますが、エラーが発生します：オブジェクト、オブジェクト... FirefoxでAjax関数の一部が機能しないという手がかりがありません。 :)誰かが私を助けることができる

$(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呼び出しを行っているフォーム