java前端给后端传数据 前端向后端传数据

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); })