如何将表单数据序列化为具有嵌套属性的对象

Question

Given the following inputs:

<input name="person[1]['first']" />
<input name="person[2]['first']" />
<input name="person[3]['first']" />

I want to serialize this into an object like so:

person = {
  1: {first:value},
  2: {first:value},
  3: {first:value}
}

Is this functionality available in jQuery or javascript now? or will I have to write a function to do it?

Answer 1

当它位于<form>标记内时，可以使用：

$(formElement).serialize();

Answer 2

You're looking for serializeArray()

EDIT

Adding short example on a form submit:

$('#container').on('submit', '#myForm', function(e) {
    e.preventDefault();
    var data = $(this).serializeArray(); // $(this) contains the form element
    console.log(data); // will output serialized data
    console.log(data.email); // will output email input value (if any)
});