javascript - 如何在发布之前对表单数据进行分组
问题描述
我想按我的 div 行将我的数据分组到 JSON 对象中,我不确定是否可以仅使用 HTML,我没有任何前端 javascript 来编辑我发布的数据发生之前。我不确定这是否可能。
我的 HTML:
<form action="/post-data" method="post">
<div class="form-row">
<input name="item" type="text">
<input name="count" type="number">
</div>
<div class="form-row">
<input name="item" type="text">
<input name="count" type="number">
</div>
<button type="submit" >Submit</button>
</form>
我从这个表格收到的数据是:
{ item: [ 'item one', 'item two'], count: [ '12', '123'] }
我想收到的数据:
[
{
name: 'item one',
count: '12'
}, {
name: 'item two',
count: '123'
}
]
解决方案
你可以在对象结构中做到这一点。用一般的名称分配名称。喜欢:
<form action="/post-data" method="post">
<div class="form-row">
<input name="entry1.item" type="text">
<input name="entry1.count" type="number">
</div>
<div class="form-row">
<input name="entry2.item" type="text">
<input name="entry2.count" type="number">
</div>
<button type="submit" >Submit</button>
</form>
你也可以使用任何框架来保持控制器和视图之间的状态。或者不是从 html 而是使用javascript
and发送表单ajax
。
推荐阅读
- outlook - 从 Outlook 主题行中提取文本
- sql - SQL 根据 ParentID 和 Child ID 对数据进行分组
- xslt - 在一个查询中使用 sum 翻译函数
- javascript - 访问在对象中分配为常量的对象数组并映射其值
- java - Java 嵌套类
- amazon-web-services - AWS-EC2 中的启动问题
- pytorch - 像素概率的 pytorch 索引
- flutter - 如何在 Flutter 的一个小部件上使用多个动画
- json - 如何使用 jq 根据对象的键:值对过滤对象?
- spring-boot - Spring boot:bean定义名称重复