java后端接收map参数vue前端传递

野性酷女 2023-09-30 10:24 43阅读 0赞

1、vue前端

export default {
        name: 'downcardlist',
        data() {
            return {
                person_righttable: [], //已选择的人员
                device_righttable: [], //已分配设备
                weektimesList:[],
            }
        }，
        methods:{
        downcardlist:function(downCardListVOList){
            let downCardListVOList={
                                "baseCustomerList":this.person_righttable,
                                "deviceList":this.device_righttable,
                                "weektimesList":this.weektimesList
                            }
                downCardList(JSON.stringify(downCardListVOList)).then(res=>{
                    console.log(res)
                })
            },
        }
    
    
    
    js:代码
    
    export function downCardList(downCardListVOList) {
      return request({
        url: '/door/cardlist/downCardList',
        headers: {
          'Content-Type': 'application/json'
      },
        method: 'post',
        data: downCardListVOList
      })
    }

2、后端接收

@PostMapping("/downCardList")
    	public  R  downCardList(@RequestBody Map<String,List<Object>> downCardListVOList){
    		System.out.println(downCardListVOList.size());
    		downCardListVOList.forEach((k,v)->{
    			log.info("key:{}",k);
    			log.info("value:{}",v);
    		});
    		return  R.ok();
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，43人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot后端接收前端传数组参数方法

1:：前端传数组参数用ids,不要用ids\[\],因为是传数组会自动加上\[\] @ApiOperation(value = "批量删除", notes = "

落日映苍穹つ/ 2024年03月27日 15:55/ 0 赞/ 90 阅读

相关前后端分离，后端参数的接收

前后端分离，后端参数的接收 @RequestParam RequestParam只能用于接收请求带的params e.g: http://localhost:8080

青旅半醒/ 2023年10月05日 11:36/ 0 赞/ 77 阅读

相关前端给后端发送数据，后端接收

在具体的前后端分离项目中，我们经常会遇到点击表格中的某一行的按钮，获取这一行的某一项值的需求，前端点击拿到这个值，再传给后端使用例如：在此例中点击同步的按钮，需要获取到表格

╰半橙微兮°/ 2023年10月02日 23:47/ 0 赞/ 43 阅读

相关 java后端接收map参数vue前端传递

1、vue前端 export default { name: 'downcardlist', data() {

野性酷女/ 2023年09月30日 10:24/ 0 赞/ 44 阅读

相关 vue+element-ui前后端分离，前端传递参数，后端接收不到

ｖue+element-ui后台接受不到前端传递的参数,特别是多对象上传时（例如：传递表单对象和文件对象时）原方法的js export function addTem

╰+哭是因爲堅強的太久メ/ 2022年12月15日 11:25/ 0 赞/ 254 阅读

相关 Java RestTemplate post请求传递参数遇到的坑(后端表单方式接收参数)

最近使用Spring 的 RestTemplate 工具类请求接口的时候发现参数传递的一个坑，也就是当我们把参数封装在Map里面的时候，Map 的类型选择。使用Res

男娘i/ 2022年05月27日 12:59/ 0 赞/ 1322 阅读

相关 vue 前端传图片文件，后端接收

-------------------- vue端 1、在 main.js 文件中添加 const upload = axios.create({

た入场券/ 2022年02月04日 01:09/ 0 赞/ 1124 阅读

相关 springboot后端controller参数接收

参考：https://blog.csdn.net/a532672728/article/details/78057218 get方法： 1. http://loca

浅浅的花香味﹌/ 2021年12月12日 00:39/ 0 赞/ 376 阅读

相关调试接口==（关于前端传递list的json后端如何接收）

今天遇到一个前端传递list的问题，一般传递fom表单一类的springMVC都会自动封装，但是list却不行。这里做一个笔记。一、已经定义好的实体类 pac

末蓝、/ 2021年09月22日 08:06/ 0 赞/ 872 阅读

相关 java后端导出excel文件流，前端vue接收下载

1.后端excel导出工具类主要依赖  <dependency>

港控/mmm°/ 2021年09月03日 09:09/ 0 赞/ 1062 阅读