javascript - 如何正确地将html表单数据编译为JSON对象

标签 javascript jquery ajax

我有一个收集一些信息的表格( Assets 成本、 Assets 描述、股东以及每个股东拥有的 Assets )。我想将所有这些信息编译到一个 JSON 对象中并将其发布。当我收集数据并使用 JSON.stringify() 时,它看起来像这样:

[ { name: '1', value: '50' },
{ name: 'asset_desc', value: 'boat' },
{ name: 'asset_cost', value: '100' },
{ name: 'org_id', value: '2' },
{ name: '3', value: '50' },
{ name: 'asset_desc', value: 'boat' },
{ name: 'asset_cost', value: '100' },
{ name: 'org_id', value: '2' } ]

我想在发布之前清理这些数据,使其看起来像这样:

{
    "asset_desc": "boat",
    "asset_cost": "100",
    "org_id": 2,
    "share_holders": {
        "1": "50",
        "2": "50"
    }
}

我正在运行 jQuery。 jQuery 是否有一些内置的帮助器可以使数据的清理变得简单?我首先用来获取这样的数据的函数是:

formdata = $('#addpurchaseform');
data = JSON.stringify(formdata.serializeArray());

是否有更好的方法来执行此操作,使我的数据处于更干净的状态?我是否正确地思考过这一点(我是网络开发新手)?

不确定这是否重要,但接收端是 Python/Django,所以我认为如果我发送一个干净的 JSON 对象而不是在收到后尝试解析/清理困惑会更好。

最佳答案

如果您正在寻找 jQuery 插件,请尝试以下操作: https://github.com/marioizquierdo/jquery.serializeJSON

关于javascript - 如何正确地将html表单数据编译为JSON对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33028439/

相关文章:

jquery - Kendo UI - 并排显示图表

javascript - js根据数组中的值查找数组中对象的索引

javascript - 如果未选中复选框,则隐藏标签和 img

javascript - 使用 Ajax 删除嵌套注释

javascript - 调用javascript函数onclick ="fn1()"和onclick ="javascript:fn1()"有什么区别

javascript - 在 Controller 范围内使用指令时不保留 $scope

javascript - 带有数据数组的堆叠图

python - python中的奇怪格式数据是什么?

javascript - rails : javascript_include_tag :all purpose?

javascript - Stripe - PaymentIntents handleCardPayment() - 如何捕获 JS 错误?