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

问题描述

当表单包含多个输入 Array 字段时，是否有更好的解决方案来转换已由 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屋！