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网址

我的jquery表单在Firefox中不起作用？

1 个答案: