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

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

我喜欢塞缪尔的版本，但我相信它有一个小错误。通常JSON发送为

｛“coreSKU”：“PCGUYJS”，“name_de”：“whatever”，。。。

不作为

〔｛“coreSKU”：“PCGUYJS”｝，｛“name_de”：“whatever”｝，。。。

因此，功能IMO应为：

App.toJson = function( selector ) {
    var o = {};
    $.map( $( selector ), function( n,i )
    {
        o[n.name] = $(n).val();
    });     
    return o;
}

并将其包装在数据数组中（正如通常预期的那样），最后将其作为跨页发送App.stringify（｛data:App.toJson（“#cropform:input”）｝）

对于精简版本，请参见问题3593046，对于所有可能的版本，请参阅json2.js。这应该涵盖了所有内容：）

由于XSS攻击和可能存在的其他问题，我不会在现场网站上使用此功能，但下面是一个快速示例：

$("#myform").submit(function(){
    var arr = $(this).serializeArray();
    var json = "";
    jQuery.each(arr, function(){
        jQuery.each(this, function(i, val){
            if (i=="name") {
                json += '"' + val + '":';
            } else if (i=="value") {
                json += '"' + val.replace(/"/g, '\\"') + '",';
            }
        });
    });
    json = "{" + json.substring(0, json.length - 1) + "}";
    // do something with json
    return false;
});

一行（除了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请求）

const formData = new FormData(form);

let formDataJSON = {};

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

    formDataJSON[key] = value;
}

如果您想将表单转换为javascript对象，那么最简单的解决方案（此时）是使用jQuery的each和serializArray函数方法。

$.fn.serializeObject = function() {

  var form = {};
  $.each($(this).serializeArray(), function (i, field) {
    form[field.name] = field.value || "";
  });

  return form;
};

GitHub上托管的插件：https://github.com/tfmontague/form-object/blob/master/README.md

可与Bower一起安装：船首装置git://github.com/tfmontague/form-object.git