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}  后数据格式:

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

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

  • 相关阅读:
    pass cloudcc
    eclipse生成javaDoc时,出现"编码GBK 的不可映射字符"
    tabWidget 直布局
    用 Navicat for Oracle 管理 Oracle10g/11g 数据库
    Aspx页面内 成员变量丢失的问题
    AspNet2.0页面生命周期
    【Z】浅析豆瓣的 Google Analytics 应用
    绑定SqlDataSource的Gridview字符串字段长度截取(转)
    Java web 推荐书籍
    关于Reapeter的总结
  • 原文地址:https://www.cnblogs.com/ic710/p/11043486.html
Copyright © 2011-2022 走看看