前臺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);
        }

以上是我對該問題的總結,歡迎大家批評指正!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章