我的jquery窗體在Firefox中不工作？

我在使這個表單在Firefox中工作時遇到問題，但它在Goole Chrome中完美工作。我可以在網絡中看到，按下按鈕之後，這是調用test.php，然後我得到錯誤：object，object ...我不知道Ajax函數的哪一部分在Firefox中不起作用，以及如何解決它。希望有人可以幫助我:)我的jquery窗體在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（）;,但然後按鈕不會作出任何反應。

來源

2016-09-04 Anchy

您正在AJAX調用，同時提交表單。通常，當你不想提交表單，但你想打電話給控制器來執行一些操作，或者你想要刷新你的HTML頁面的一部分時，使用ajax – Abhijeet

讓我知道我的解決方案是否工作。 – Abhijeet

使用console.log（錯誤）代替警報，以便您可以正確查看錯誤 – cnorthfield

請勿在調用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網址不提交表單

來源

2016-09-04 11:13:22 Abhijeet

此解決方案是否有效？@Anchy – Abhijeet

您有任何問題嗎？ – Abhijeet

嗨，這個工程，但我現在有問題。在我的表單中，有兩個按鈕被按下的操作，這就是爲什麼我需要使用submit和plus的形式，我有行動哪個電話的第二個php文件。現在的問題是，這個工程，但它停止調用其他的PHP動作。 – Anchy

我的jquery窗體在Firefox中不工作？

回答

相關問題