前端传递list加map集合 或 list加对象

本文介绍如何在前端使用JavaScript构建List与Map集合,并通过AJAX发送到后端。文章详细展示了创建List对象的过程,其中包括如何从DOM元素获取值填充Map对象,再将Map对象推送到List中。最后通过JSON.stringify将List对象转换为JSON格式,以便通过AJAX发送。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端传递list加map集合

	 var dataList = new Array();
     var url = "";
     var size = 10;
    //创建map并往List对象中添加
	 for(var i = 0 ; i < size ; i++){
		 var map = {};
		 map["id"] = $("#"+i+"_id").val();
		 map["roadLine"] = $("#"+i+"_roadLine").val();
		 map["tunnel"] = $("#"+i+"_tunnel").val();
		 map["manageMent"] = $("#"+i+"_manageMent").val();
		 map["technician"] = $("#"+i+"_technician").val();
		 map["electrician"] = $("#"+i+"_electrician").val();
		 
		 dataList.push(map);
	 }
		$.ajax({
			type : 'post',
			url : url,
			data :{
                //使用JSON.stringify转化List对象
				"dataList":JSON.stringify(dataList),
			},
			success : function(res) {
				if(res.success){
              //使用flavr做弹窗结果展示,action为点击确定后触发的事件
				new $.flavr({
					animateEntrance : 'fadeInDown',
					dialog : 'alert',
					modal : true,
					content : res.msg,
					buttons : {
						ok : {
							text : '确定',
							action : function() {
								window.location.href = url;
							}
						}
					}
				});
				}else{
					flavrAlert(res.msg, true);
				}
		}
		});	

Map集合不能用jquery的new map()定义,否则导致传值为空

使用JSON.stringify()函数进行json转化

后台使用JSONArray.parseArray(dataList, ParameterConfig.class) 将接收到的参数转化为指定类的List

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值