如何向 AJAX 提交动态生成的表单？

Question

我有一个 AJAX 调用，它动态生成 HTML 表单。该表单包含许多元素，包括输入、选择、文本区域、复选框等。

我需要编写一些 javascript（可用 jquery）来获取此表单中的所有字段并将它们提交到 AJAX 脚本。我不知道有多少个或哪些字段（只是一个基本想法），因为这完全取决于用户的操作。

有什么想法如何做到这一点？假设我的表单名称是“ajaxform”

Answer 1

正如大家所说，使用jQuery serialize。另一项注意事项是通过 jQuery live 方法覆盖表单提交（如果需要）：

    //Override form submit
    $("form").live("submit", function (event) {
        event.preventDefault();
        var form = $(this);
        $.ajax({
            url: form.attr('action'), // Get the action URL to send AJAX to
            type: "POST",
            data: form.serialize(), // get all form variables
            success: function(result){
                // ... do your AJAX post result
            }
        });
    });