jQuery.ajax - 提交表单中的所有元素而无需手动输入

Question

我想使用jQuery.ajax使用POST提交表单，而无需在“data：”部分手动指定所有内容。

这是我不想要的：

data:   "username=" + document.getElementById("username").value + 
    "&email=" + document.getElementById("email").value,

有没有办法让它包含alla元素及其整个FORM字段的值？这个表单是动态生成的，这样可以节省很多时间！

Answer 1

使用serialize method。

data :   $("form").serialize()

Answer 2

请看http://docs.jquery.com/Ajax/serialize。

这将产生以下示例：

$("#submit").click(function() {
    $.ajax({
        data: $("form").serialize(),
        ...rest
    });
});

Answer 3

使用.serialize()方法在jQuery Ajax中发送整个表单数据。

data:$('#formID').serialize()

示例脚本可以在这里找到 - How to send entire form data in jQuery Ajax