如何将jQuery.serialize（）数据转换为JSON对象？ [英] How to convert jQuery.serialize() data to JSON object?

问题描述

当表单包含多个输入数组字段时，是否有更好的解决方案来转换已由jQuery函数serialize（）序列化的表单数据。我希望能够将表单数据转换为JSON对象以重新创建一些其他信息表。所以告诉我一个更好的方法来将序列化字符串转换为JSON对象。

Is there any better solution to convert a form data that is already serialized by jQuery function serialize(), when the form contains multiple input Array fields. I want to be able to convert the form data in to a JSON object to recreate some other informative tables. So tell me a better way to get the serialize string converted as a JSON object.

<form id='sampleform'>
    <input name='MyName' type='text' /> // Raf

    <!--array input fields below-->
    <input name='friendname[]' type='text' /> // Bily
    <input name='fiendemail[]' type='text' /> // [e-mail]

    <!--duplicated fields below to add more friends -->
    <input name='friendname[]' type='text' /> // Andy
    <input name='fiendemail[]' type='text' /> // [e-mail]

    <input name='friendname[]' type='text' /> // Adam
    <input name='fiendemail[]' type='text' /> // [e-mail]
</form>

用于获取数据的jquery方法

The jquery method applied to get the data

var MyForm = $("#sampleform").serialize();
/** result : MyName=Raf&friendname[]=Billy&fiendemail[]=[e-mail]&friendname[]=Andy&fiendemail[]=[e-mail]&friendname[]=Adam&fiendemail[]=[e-mail]
*/

我该如何做到这一点数据到JSON对象？
，其中应包含以上表格中的以下示例JSON数据。

how do I make this data in to a JSON object? which should have the following example JSON data from the above form.

{
    "MyName":"raf",
    "friendname":[
        {"0":"Bily"},
        {"1":"Andy"},
        {"2":"Adam"}
    ],
    "friendemail":[
        {"0":"[e-mail]"},
        {"1":"[e-mail]"},
        {"2":"[e-mail]"}
    ]
}

推荐答案

var formdata = $("#myform").serializeArray();
var data = {};
$(formdata ).each(function(index, obj){
    data[obj.name] = obj.value;
});

简单快捷;）

这篇关于如何将jQuery.serialize（）数据转换为JSON对象？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！