前台js传入map类型的json数据，后台java接收详解

今天项目中遇到一个问题：

前台采用ajax的post提交方式将 Map<String,List<Map<String,String>>> 类型的数据传入后台，后台进行接受，然后解析。

我的json结构是这样的：

{
	"templateName": "我成功了",
	"radios": "weight",
	"locPro": "北京市",
	"locCity": "北京市",
	"locTown": "西城区",
	"originalFirstWeight": "12",
	"originalFirstFee": "12",
	"originalAdditionalWeight": "12",
	"originalAdditionalFee": "12",
	"allProvinceList": [{
		"province": "贵州;云南;西藏;台湾",
		"fee": "21;21;21;21"
	}, {
		"province": "甘肃;青海;宁夏",
		"fee": "55;5;55;5"
	}, {
		"province": "江苏;福建;河南;内蒙古",
		"fee": "65;65;65;65"
	}, {
		"province": "湖北;辽宁;吉林;新疆;重庆;香港;澳门",
		"fee": "787;878;787;878"
	}]
}

我的解决方法如下（前面内容来自大神博客：https://blog.csdn.net/yufeng005/article/details/52105713）

1.定义一个键值对对象

function ObjData(key,value){
      this.Key=key;
      this.Value=value;
}

2.在点击表单的提交buttom的方法中：

var list=document.getElementById("myForm").getElementsByTagName("input");  //查询form下的所有input标签
var array=[];   //定义一个对象数据 存放每一个input的键值对（input中“name”为key,“value”为value）
 
for(var i=0;i<list.length && list[i];i++) //对表单中所有的input进行遍历
{
      //判断不是空的 input,进行表单提交 
      if(list[i].value!="" || list[i].value!=null)   
      { 
           var key=list[i].name;
           var value=list[i].value;
           var s=new ObjData(key,value); //创建键值对象
           array.push(s); //把对象放入对象数组中
      }
}

3.把数组转换成json字符串

var postData =  JSON.stringify(array);

4.使用ajax提交数据

//get是通过地址栏传参数
  $.ajax({
                url :'<%=basePath%>sysparam/editForm.do?postData='+postData, 
                cache : false,
                type : "get",
                datatype : "json",
                contentType : "application/json",
                data : {postData:postData},
                success : function(data)
                {
                      if(data=="1"){
                              //根据后台返回值确定是否操作成功
                      }
                 }
  });

5.java后端使用request拿到json数据

String ds = request.getParameter("postData");
JSONArray json=JSONArray.fromObject(ds); //使用net.sf.json.JSONObject对象来解析json
JSONObject jsonOne;
Map<String,Object> map=null;
List<Map<String, Object>> listMap=new ArrayList<Map<String,Object>>(); 
for(int i=0;i<json.size();i++){
     map = new HashMap<String,Object>();
     jsonOne = json.getJSONObject(i); 
     map.put("key", (String) jsonOne.get("Key"));
     map.put("value", (String) jsonOne.get("Value"));
     //只保留不为空的 键值对
     if((String) jsonOne.get("Value")!=""&&!"".equals( (String) jsonOne.get("Value")))         
     {
         listMap.add(map); 
     }
}

6、以上是一个完整的示例，但是我的项目无法用上述方法解决

因为 JSONArray json=JSONArray.fromObject(ds); 是将String数据转成json数组，但是我的格式是：

Map<String,List<Map<String,String>>>，最外层是一个Map，所以我的情况应该用一下代码解决：

JSONObject jsonData = JSONObject.fromObject(modalResult);

 @RequestMapping("/saveShipping")
    public String saveShipping(String modalResult){
        //使用net.sf.json.JSONObject对象来解析json
        JSONObject jsonData = JSONObject.fromObject(modalResult);
        System.out.println(jsonData);
        //获取基本信息
        String templateName = jsonData.getString("templateName");
        List<Map<String,String>> allProvinceList = jsonData.getJSONArray("allProvinceList");
        Map<String,String> eachMap;
        String province;
        String fee;
        //循环遍历每一个特殊地区模板,获取模板信息：province和fee
        for(int i=0; i<allProvinceList.size();i++){
            eachMap = allProvinceList.get(i);
            province = eachMap.get("province");
            fee = eachMap.get("fee");
            System.out.println("第"+i+"个模板信息：province:"+province+",fee:"+fee);
        }

以上是我对该问题的总结，欢迎大家批评指正！

前台js传入map类型的json数据，后台java接收详解

猜你喜欢