JQuery序列化所有表单域

Question

我正在使用此

var data = $(":input,:submit", this).serializeArray();

尝试捕获表单数据，它确实适用于两个指定的元素。

如何展开这个以便我可以从textarea，多选下拉列表和文件上传字段中获取所选条目？

我试过了：

var data = $(":input,:submit,:file", this).serializeArray();

但是没有为文件返回任何内容，我希望找到文件名。

在多个页面上调用相同的代码，一些用文件或textarea在其他页面上调用。每个页面上的表单都有不同的ID，因此我使用：

$(this).on('submit', function(e) { 
    var data = $(":input,:submit", this).serializeArray();
}

知道如何才能让它发挥作用吗？

由于

Answer 1

在form上使用serialize()：

  

将一组表单元素编码为字符串以供提交。

var data = $(this).serialize(); // $(this) here is the `form` which is being submitted.