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>

---

您可以在对象结构中执行此操作。将名称指定为通用名称。比如：

<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

和

ajax

到目前为止您尝试了什么？你被困在哪里？

<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>