前台传数据给后台的几种方式

1.后台接收方式为@RequestBody（后台接收多个数据）

前台需要将数据转换为json格式

首先前台数据以对象形式存放：

         data:{
                sex:'',
                type:'',
                result:'',
                name:'',
                meaning:''
            },  


data中的数据可以通过：this.data.hobby = ''添加
通过delete this.data.hobby删除 

之后通过

JSON.parse(JSON.stringify(this.data))

将data转换为json格式

最后通过post传给后台

            http({
                    url:'/data/add',
                    method:'post',
                    data:JSON.parse(JSON.stringify(this.data))
                }).then(res=>{
                   console.log(res);
                })        

 

 

2.后台接收String格式数据（只需要接收单个数据）

      http({
             url:'/data/del',
             method:'post',
             params:{id:this.id,name:this.name}
        }).then(res=>{
             console.log(res)
        })
      }

 

 

3.前台传list给后台

　　　　组数据方式一：　
　　　　　let arr = []
          let i = 0
　　　　　　（list为Object类型  List<Object>）
　　　　　　 this.result.forEach(element => {
            arr[i] = {
              id:this.id,
              name:element.name,
              suggest:element.suggest
            }
            i++
          })
　　　　　　

　　　　（list为String类型  List<String>）

　　　　　　this.result.forEach(element => {
            arr[i] = this.id,
             
            i++
          })
组数据方式二：

for (let i = 0; i < this.list.length; i++) {

                data.push({

                    id:this.list[i].id,

                    regId:this.list[i].regId,

                    itemList:[]

                })

                if (data[i].itemresultList!=null) {

                   for (let j = 0; j < this.list[i].itemList.length; j++) {

                        data[i].itemList.push({

                            id:this.list[i].itemList[j].id,

                            itemId:this.list[i].itemList[j].itemId,

                            itemResult:this.list[i].itemList[j].itemResult

                        })

                    }

                }

            }

连接后台：

　　　　http({ url:'/dic/add', method:'post', headers: { 'Content-Type': 'application/json;charset=UTF-8' }, data:JSON.stringify(arr) }).then(res=>{ console.log(res); })