javascript - 我可以拦截表单提交数据以与 AJAX 一起使用吗？

Question

我有一个 Django 应用程序，它显示选择项中的项目列表。当用户更改所选项目时，我使用 AJAX 将表单（使用 Django 的表单和表单集助手）插入页面上的“内容”部分以编辑该项目的数据。

我想做的是，当用户单击表单上的“保存”按钮时，Javascript 函数会发送 POST 数据，就好像表单已提交一样，然后再次使用 AJAX 从页面重新注入新数据。

我想始终保持一个干净的 URL，但总是返回到您正在编辑的条目（因此 AJAX HTML 替换）。

我宁愿不必抓取所有表单字段并重建我的 Django 表单将正确识别的字符串。

有没有办法做到这一点？我是不是把整件事都搞错了？

Answer 1

要获取整个表单并在提交时使用 AJAX 发送它，请执行以下操作（假设 jQuery）：

jQuery('form').submit(function (event) {
    event.preventDefault();
    var form = jQuery(this);
    var data = form.serialize();

    jQuery.post(form.attr('action'), data, function(html) {
        ...
    });
});