Vue

前端发送的数据：

前端JS请求：

 //demo为JSON格式数据
 let para ={
     dataJ: JSON.stringfiy(demo);
 }
 //这一段是Vue封装的方法，本质就是一条url
 this.$http.post('${webRoot}/demo?list', para,{emulateJSON: true});　

后端Controller接收数据：

@RequestMapping(params = "list")
@ResponseBody
public void treeList(String treedata , HttpServletRequest request, HttpServletResponse response, DataGrid dataGrid){
//      request.getParameterValues("treedata");
        JSONArray jsonArray = JSONArray.fromObject(treedata);
        for (Object o : jsonArray) {
            JSONObject jo = (JSONObject)o;
            System.out.println(jo.getString("parent"));
        }
}

=================分割线===========================

反之

后端Controller封装数据：

    @RequestMapping(params = "query")
    public void query(HttpServletRequest request) {
        //父级
        Map<String,Object> parentMap=new HashMap<String, Object>();
        parentMap.put("id", "001");
        parentMap.put("name", "王某");
        //子级
        Map<String,Object> childMap=new HashMap<String, Object>();
        childMap.put("id", "child001");
        childMap.put("name", "王孩子");
        //将子级Map封装成List
        List<Map<String,Object>> ChildMapList=new ArrayList<Map<String,Object>>();
        ChildMapList.add(childMap);
        //将子级MapList写进父级Map中
        parentMap.put("children", ChildMapList);
        //将父级Map封装成List
        List<Map<String,Object>> parentMapList=new ArrayList<Map<String,Object>>();
        parentMapList.add(parentMap);
        //将封装好的数据转换成Json
        JSONArray arr = JSONArray.fromObject(parentMapList);
        request.setAttribute("mapList", arr);

        request.setAttribute("mapList", arr);
        
    }

前端页面el表达式接收 ${mapList}  后数据格式：

----------展开后：

 

我是应用在树形菜单的，这一部分代码就不展示了。效果如下：