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

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

serializeArray已经做到了这一点。您只需将数据转换为所需格式：

function objectifyForm(formArray) {
    //serialize data function
    var returnArray = {};
    for (var i = 0; i < formArray.length; i++){
        returnArray[formArray[i]['name']] = formArray[i]['value'];
    }
    return returnArray;
}

注意与实际输入同名的隐藏字段，因为它们会被覆盖。

我喜欢使用Array.prototype.reduce，因为它是一个单行程序，并且不依赖Undercore.js或类似工具：

$('#formid').serializeArray()
    .reduce(function(a, x) { a[x.name] = x.value; return a; }, {});

这与使用Array.prototype.map的答案类似，但不需要使用额外的对象变量来扰乱作用域。一站式购物。

重要提示：输入具有重复名称属性的表单是有效的HTML，实际上是一种常见的方法。在这种情况下，使用此线程中的任何答案都是不合适的（因为对象键必须是唯一的）。

这和你想要的完全一样

仅执行以下代码一次

$.fn.serializeObject = function(){
    let d={};
    $(this).serializeArray().forEach(r=>d[r.name]=r.value);
    return d;
}

现在您可以多次执行以下行

let formObj = $('#myForm').serializeObject();
// will return like {id:"1", username:"abc"}

您可以这样做：

var frm = $(document.myform);
var data = JSON.stringify(frm.serializeArray());

请参见JSON。

要获得快速、现代的解决方案，请使用JSONify jQuery插件。下面的示例是从GitHub README中逐字摘录的。这一切都归功于插件作者Kushal Pandya。

鉴于：

<form id="myform">
    <label>Name:</label>
    <input type="text" name="name"/>
    <label>Email</label>
    <input type="text" name="email"/>
    <label>Password</label>
    <input type="password" name="password"/>
</form>

正在运行：

$('#myform').jsonify();

生产：

{"name":"Joe User","email":"joe@example.com","password":"mypass"}

如果要使用此JSON对象执行jQuery POST：

$('#mybutton').click(function() {
    $.post('/api/user', JSON.stringify($('#myform').jsonify()));
}