目录

前端vue.js传参list集合-,springBoot后端接受方式

前端vue.js传参list集合 ,springBoot后端接受方式。

方式一:

前端传 两个字符串参数的 同时 还要传输一个list集合参数

//批量分配任务
export function batchAddTask(accountList, batchId, dzUserNo) {
  return axios({
    url: `/api/review/reviewTask/batchAddTask`,
    method: 'post',
    params: {
      batchId: batchId,
      dzUserNo: dzUserNo,
    },
    data: accountList
  })
}

后端接口:可以用List<VO对象>集合和String 对象去接受,post请求记得加上@RequestBody。前端要用post请求方式

    /**
     * 批量新增任务
     *
     * @param accountList
     * @param batchId
     * @return
     */
    @ResponseBody
    @RequestMapping("/batchAddTask")
    public String batchAddTask(@RequestBody List<TaskAccountVoEntity> accountList, String batchId, String dzUserNo) {
        String code = reviewTaskService.batchAddTask(accountList, batchId, dzUserNo);
        if ("300".equals(code)) {
            return "300";
        } else if ("400".equals(code)) {
            return "400";
        } else if ("600".equals(code)) {
            return "600";
        }
        return saveScoreData(code);
    }

方式二:

前端写法

export function saveReport(data) {
  debugger
  return axios({
    url: '/api/sjkhsj/saveReportImportExcelData',
    method: 'post',
    //原始传参法
    data
  })
}

后端接受可以用List<VO对象>集合和String 对象去接受,post请求记得加上@RequestBody。

    @ResponseBody
    @RequestMapping("/saveReportImportExcelData")
    public String saveReportImportExcelData(@RequestBody List<SjImprotShowEntityVo> improtShowEntityVos){

        return null;
    }

方式三:

前端写法

export function saveReport(data) {
  debugger
  return axios({
    url: '/api/sjkhsj/saveReportImportExcelData',
    method: 'post',
    //转换成json字符串
    data:JSON.stringify(data)
  })
}

后端用String对象接受,也可以用List<VO对象>集合去接受,post请求记得加上@RequestBody。

https://i-blog.csdnimg.cn/blog_migrate/0b77e6d47ab361b9a8328175f3daca7f.png

https://i-blog.csdnimg.cn/blog_migrate/90efcd84a7d8f9c17e526191d8b75f3d.png