jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 将序列化表单的数据转换为json对象大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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

解决方法

更改你的声明
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

大佬总结

以上是大佬教程为你收集整理的jquery – 将序列化表单的数据转换为json对象全部内容,希望文章能够帮你解决jquery – 将序列化表单的数据转换为json对象所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。