javascript - AJAX jquery 表单发布不工作

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 文件中的任何 URL 进行硬编码。您只是在不引人注意地 AJAX 化您的表单。