好的，我知道这个问题已经有了一个高票的答案，但最近又有人问了一个类似的问题，我也被导向这个问题。我也想提供我的解决方案，因为它比公认的解决方案有一个优势：可以包含禁用的表单元素（这有时很重要，取决于UI的功能）

以下是我对另一个SO问题的回答：

最初，我们使用的是jQuery的serializeArray（）方法，但这不包括禁用的表单元素。我们通常会禁用与页面上其他源“同步”的表单元素，但我们仍然需要在序列化对象中包含数据。因此serializeArray（）已过时。我们使用：input选择器获取给定容器中的所有输入元素（启用和禁用），然后使用$.map（）创建对象。

var inputs = $("#container :input");
var obj = $.map(inputs, function(n, i)
{
    var o = {};
    o[n.name] = $(n).val();
    return o;
});
console.log(obj);

请注意，要使其工作，每个输入都需要一个name属性，该属性将是生成对象的属性的名称。

这实际上与我们使用的略有不同。我们需要创建一个结构化为.NET IDictionary的对象，所以我们使用了这个：（我在这里提供它，以防有用）

var obj = $.map(inputs, function(n, i)
{
    return { Key: n.name, Value: $(n).val() };
});
console.log(obj);

我喜欢这两种解决方案，因为它们都是$.map（）函数的简单用法，并且您可以完全控制选择器（因此，您最终会在结果对象中包含哪些元素）。此外，不需要额外的插件。普通的旧jQuery。

我更喜欢这种方法，因为：您不必遍历2个集合，如果需要，您可以获取除“name”和“value”之外的其他内容，并且可以在将值存储在对象中之前对其进行清理（例如，如果您有不希望存储的默认值）。

$.formObject = function($o) {
    var o = {},
        real_value = function($field) {
            var val = $field.val() || "";

            // additional cleaning here, if needed

            return val;
        };

    if (typeof o != "object") {
        $o = $(o);
    }

    $(":input[name]", $o).each(function(i, field) {
        var $field = $(field),
            name = $field.attr("name"),
            value = real_value($field);

        if (o[name]) {
            if (!$.isArray(o[name])) {
                o[name] = [o[name]];
            }

            o[name].push(value);
        }

        else {
            o[name] = value;
        }
    });

    return o;
}

使用方式如下：

var obj = $.formObject($("#someForm"));

仅在Firefox中测试。

所有这些答案对我来说似乎都太过头了。为了简单起见，有些话要说。只要您的所有表单输入都设置了name属性，这应该只适用于jimdandy。

$（'form.myform'）.submit（函数（）{var$this=$（this），viewArr=$this.serializeArray（），视图=｛｝；for（viewArr中的var i）{view[viewArr[i].name]=viewArr[i].value；}//在这里使用视图对象（例如JSON.stringify？）});

const formData = new FormData(form);

let formDataJSON = {};

for (const [key, value] of formData.entries()) {

    formDataJSON[key] = value;
}

这将处理具有相同名称的多个select或偶数元素：

$.fn.formToJSON = function(){
    pairStr=this.serialize();
    let rObj={};
    pairStr.split(`&`).forEach((vp)=> {
        prop=vp.split(`=`)[0];
        val=vp.split(`=`)[1];
        if(rObj.hasOwnProperty(prop)) {
            if (Array.isArray(rObj[prop])) {
                rObj[prop].push(val);
            } else {
                rObj[prop]=[rObj[prop]];
                rObj[prop].push(val);
            }
        } else {
            rObj[prop]=val;
        }
    });
    return JSON.stringify(rObj);
}

一行（除了jQuery之外没有依赖项）使用传递给map方法的函数的固定对象绑定。

$('form').serializeArray().map(function(x){this[x.name] = x.value; return this;}.bind({}))[0]

它做什么？

"id=2&value=1&comment=ok" => Object { id: "2", value: "1", comment: "ok" }

适用于渐进式web应用程序（可以轻松支持常规表单提交操作和ajax请求）