ajax 向后台传对象集合,使用json

 前台:


 var content=document.getElementById("styleUl");
        var items=content.getElementsByTagName("li");
        var listOnlineFormDetail=[];
        if(items.length>0){
            for(var i=0;i<items.length;i++){
                var onlineFormDetail=new Object();
                //data-row="1" 第几行   data-col="1" 第几列   data-sizex="4" 宽度   data-sizey="1" 高度
                onlineFormDetail.field1=items[i].getAttribute("data-row");
                onlineFormDetail.field2=items[i].getAttribute("data-col");
                onlineFormDetail.field3=items[i].getAttribute("data-sizex");
                onlineFormDetail.field4=items[i].getAttribute("data-sizey");
                onlineFormDetail.id=items[i].getAttribute("data-id");
                listOnlineFormDetail[i]=onlineFormDetail;
            }

$.ajax({
                url : "${ctx}/online/onlineFormDetail/saveStyle",
                data:  JSON.stringify(listOnlineFormDetail),
                type : 'POST',
                contentType: 'application/json;charset=utf-8',
                dataType : 'json',
                success : function(data) {
                    $.jBox.messager("保存布局样式成功!");
                    setTimeout(function(){parent.window.jBox.close();},1000);
                }
            });

后台

	@RequiresPermissions("online:onlineFormDetail:edit")
	@RequestMapping(value = "saveStyle")
	@ResponseBody
	public String saveStyle(@RequestBody String listOnlineFormDetailJson ) {//用RequestBody 来收值
		if(StringUtils.isNotBlank(listOnlineFormDetailJson)){
			String result="";
			try {
				result = java.net.URLDecoder.decode(listOnlineFormDetailJson, "UTF-8");
				//url解码,原字符串的符号被被转译成%5B%7B%22field1%22%3A%226%
			} catch (UnsupportedEncodingException e) {
				e.printStackTrace();
			}
			result=result.replaceAll("=","");
			List<OnlineFormDetail> list = JSONArray.parseArray(result, OnlineFormDetail.class);//json串转对象集合
			onlineFormDetailService.updateList(list);
		}
		Map<String,String> resultMap=new HashMap<>();
		resultMap.put("code","0");
		return  JsonMapper.toJsonString(resultMap);//必须是json格式,否则接收不到参数
	}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值