将嵌套表单数据作为JSON对象数组发布

Question

我有一个表单，其中一部分是动态的（使用jinja模板）。例如，当它渲染时，水果的数量是未知的。我们说我有以下表格输入：

<input type="text" name="{{ fruit1 }} name" value="apple">
<input type="text" name="{{ fruit1 }} size" value="5">
<input type="text" name="{{ fruit1 }} color" value="red">

<input type="text" name="{{ fruit2 }} name" value="banana">
<input type="text" name="{{ fruit2 }} size" value="7">
<input type="text" name="{{ fruit2 }} color" value="yellow">

我希望能够通过AJAX向Flask发布以下JSON结构中的表单输入：

{
    "fruit": [{
        "id": "fruit1"
        "name": "apple",
        "size": "5",
        "color": "red"
    }, {
        "id": "fruit2"
        "name": "banana",
        "size": "7",
        "color": "yellow"
    }]
}

除了使用javascript手动整形数据之外，还有更优雅的方法吗 - 可能以某种方式使用嵌套输入？