【已解决】页面form提交时候，怎么将对象已json格式提交？后端怎么接受？

需求：

在页面上，有个form表单，里面对象是通过for循环后，展示出来的。现在，在修改页面，页面修改数据后，怎么以json格式提交给后台？后台怎么获取？

需求分析后难点：

1. 怎么获取到form表单中每个属性值和value呢？

2. 这些数据怎么以json格式提交呢？

3. 端接口怎么获取到这些数据呢？

4. @RequestBody

解决难道需要用到的技术：
问题1：

使用jQuery的序列化及根据name获取value的。

jQuery序列化：

var formData = $(this).serializeArray();

根据name获取value:

$.each(formData, function(i, field) {
    if (field.name === 'keyword') {
        currentPluginVo[field.name] = field.value;
        groupedFormData.push(currentPluginVo);
        currentPluginVo = {};
    } else {
       currentPluginVo[field.name] = field.value;
    }
});

问题2：

将数据转换成json格式：

JSON.stringify(jsonDataArray)

问题3：

后台接口接收json对象:

@RequestBody

具体代码案例：

HTML页面中JS代码：

<script>

    // 定义一个模拟BTWPluginVo对象的构造函数
    function BTWPluginVo(data) {
        this.siteName = data.siteName;
        this.siteCode = data.siteCode;
        this.description = data.description;
        this.id = data.id;
        
    }


    $('form#tab-7-form').on('submit', function(event) {