Question

我正在尝试使用ajax发布表单。

现在，我的代码是

$("#sub").click(function() {     
    var tag = $("#tagbar").val();
    var opinion = $("#op").val();
    alert($("#expressform").serialize());
    $.post("dbfunctions.php", $("#expressform").serialize());
});

这很有效，但是当我使用表单操作并刷新页面时，发布和添加到数据库（这就是dbfunctions所做的事情）需要花费很长时间。这是为什么？

此外，如果我删除警报，脚本将完全停止工作。无论如何，我无法弄明白这是否有意义。

谢谢

Answer 1

确保通过从点击处理程序返回false来取消按钮的默认操作：

$("#sub").click(function() {     
    $.post("dbfunctions.php", $("#expressform").serialize());
    return false;
});

此外，不是订阅提交按钮点击，而是直接订阅相应表单的提交事件：

$("#expressform").submit(function() {     
    $.post(this.action, $(this).serialize());
    return false;
});

这样您就不再对javascript文件中的任何网址进行硬编码了。你只是不引人注目的AJAX化你的表格。

Answer 2

You can use below function for submit the data 
through Ajax form Submit

$('#form1').ajaxForm({
      success:function(response){
          $('#save_data').html(response);

});


$('#btnSubmit').click(function() {  

          $('#form1').submit();

  });

AJAX jquery Form Post无效

2 个答案: