zoukankan      html  css  js  c++  java
  • 前端JSON数据传值到后端接收方式

    前端发送的数据:

    前端JS请求:

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

    后端Controller接收数据:

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

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

    反之

    后端Controller封装数据:

     1     @RequestMapping(params = "query")
     2     public void query(HttpServletRequest request) {
     3         //父级
     4         Map<String,Object> parentMap=new HashMap<String, Object>();
     5         parentMap.put("id", "001");
     6         parentMap.put("name", "王某");
     7         //子级
     8         Map<String,Object> childMap=new HashMap<String, Object>();
     9         childMap.put("id", "child001");
    10         childMap.put("name", "王孩子");
    11         //将子级Map封装成List
    12         List<Map<String,Object>> ChildMapList=new ArrayList<Map<String,Object>>();
    13         ChildMapList.add(childMap);
    14         //将子级MapList写进父级Map中
    15         parentMap.put("children", ChildMapList);
    16         //将父级Map封装成List
    17         List<Map<String,Object>> parentMapList=new ArrayList<Map<String,Object>>();
    18         parentMapList.add(parentMap);
    19         //将封装好的数据转换成Json
    20         JSONArray arr = JSONArray.fromObject(parentMapList);
    21         request.setAttribute("mapList", arr);
    22 
    23         request.setAttribute("mapList", arr);
    24         
    25     }

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

    ----------展开后:

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

  • 相关阅读:
    甲方提供核心jar包,添加到本地maven仓库
    Flexigrid详解
    在idea中使用CheckStyle来规范代码
    对List集合中的对象进行按某个属性排序
    Layui数据表格总结篇
    jQuery入门看这一篇就够了
    JAVA常量类的实现方式
    HTML5和CSS3提高
    CSS高级技巧总结
    CSS入门总结
  • 原文地址:https://www.cnblogs.com/ic710/p/11043486.html
Copyright © 2011-2022 走看看