将序列化表单的数据转换为json对象

Question

我有一个如下的cshtml

@using (Html.BeginForm("Save", "Plans", FormMethod.Post, new { @class = "form-horizontal", id = "floorplan-form" }))
{
            @Html.TextBoxFor(m => m.FloorPlan.Name, new { placeholder = "Enter text", @class = "form-control" })

            @Html.DropDownListFor(m => m.FloorPlan.GroupId, new SelectList(Model.FloorPlanGroups, "Id", "Name"))             
}

在我的javascript(在一个单独的javascript文件中),我正在尝试序列化此表单并将其转换为JSON对象.

var formData = $("#floorplan-form").serialize();
console.info(formData);

打印出来

FloorPlan.Name=Test&FloorPlan.GroupId=15 

和

var formData = $("#floorplan-form").serializeArray();
console.info(formData);

给我:

我试过这样做

var formData = JSON.parse($("#floorplan-form").serializeArray());

但我得到这个错误:

Uncaught SyntaxError: Unexpected token o 

Answer 1

改变你的陈述

var formData = JSON.parse($("#floorplan-form").serializeArray());

同

var formData = JSON.stringify(jQuery('#frm').serializeArray()); // store json string

要么

var formData = JSON.parse(JSON.stringify(jQuery('#frm').serializeArray())) // store json object

Answer 2

使用下面的代码!

    var data = $("form").serialize().split("&");
    console.log(data);
    var obj={};
    for(var key in data)
    {
        console.log(data[key]);
        obj[data[key].split("=")[0]] = data[key].split("=")[1];
    }

    console.log(obj);

Answer 3

function jQFormSerializeArrToJson(formSerializeArr){
 var jsonObj = {};
 jQuery.map( formSerializeArr, function( n, i ) {
     jsonObj[n.name] = n.value;
 });

 return jsonObj;
}

使用此功能.这只适用于jquery.

var serializedArr = $("#floorplan-form").serializeArray();

var properJsonObj = jQFormSerializeArrToJson(serializedArr);