后端map数据，前端转成数组显示

旧城等待， 2022-11-28 00:45 171阅读 0赞

（前言：spring boot项目，使用了Thymeleaf拦截器）  
后端controller如下：

//原料
        QueryWrapper<Ingredient> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("is_del",2);
        List<Ingredient> list= iIngredientService.list(queryWrapper);
        HashMap<Long, String> map = new HashMap<Long,String>();
    	for(int j = 0; j<list.size(); j++){ 
            map2.put(list.get(j).getId(),list.get(j).getName());
        }
        model.addAttribute("ingredient",map);

返回给前端的数据是  
![在这里插入图片描述][20200816162926571.png_pic_center]  
前端将map数据转化为数组的形式，更便于代码书写

var ingredient = [[${ ingredient}]]// console.log(ingredient)
     //原料
     var ingredients = [];
      //map转数组
         var list = [];
         for (var key in ingredient) { 
             list.push( /*或list.push([key, ingredient[key]])*/
                 { 
                     id:key,
                     name:ingredient[key]
                 }
             );

![在这里插入图片描述][2020081616324249.png_pic_center]  
注意：  
js通过model取值必须加上th:inline ，通常在取值的前后会加上不同的注释

<script language='javascript' th:inline="javascript">
     var ingredient =[[${ ingredient }]];
    </script>

[20200816162926571.png_pic_center]: /images/20221124/6c6c686046154ed38324873931304c74.png
[2020081616324249.png_pic_center]: /images/20221124/de7f507e517f4a2cbaa44379cc2a09af.png

发表评论取消回复

表情：

评论列表（有 0 条评论，171人围观）

还没有评论，来说两句吧...

相关阅读

相关前端传递JSON数组数据到后端（解析方法）

在前端和后端之间传递数组时，由于HTTP协议的限制，无法直接传递数组类型的参数。请求参数需要被转换为字符串格式传递给后端，所以需要通过 JSON.stringify()

「爱情、让人受尽委屈。」/ 2024年03月16日 10:17/ 0 赞/ 85 阅读

相关前端发送数据给后端，后端只得部分数据

项目场景：前后端联调 -------------------- 问题描述前端发送数据给后端，后端只得部分数据前端代码: 前端总共有四个数据，统一封装到

快来打我*/ 2023年10月16日 11:38/ 0 赞/ 63 阅读

相关 PHP 将xml数据转成数组

在php中将xml数据转成数组形式，一共分为三个步骤 1：将xml数据转成object(对象)格式(simplexml\_load\_string()或 simplex

约定不等于承诺〃/ 2023年10月06日 16:18/ 0 赞/ 13 阅读

相关前端给后端发送数据，后端接收

在具体的前后端分离项目中，我们经常会遇到点击表格中的某一行的按钮，获取这一行的某一项值的需求，前端点击拿到这个值，再传给后端使用例如：在此例中点击同步的按钮，需要获取到表格

╰半橙微兮°/ 2023年10月02日 23:47/ 0 赞/ 29 阅读

相关前端将后端返回的数字(英文字母)，转成对应的文字进行显示

前言类似于省市区，状态，性别之类的可以枚举出来的变量，一般情况下数据库中存储的是其对应的value值，像省市区联动的话，前端界面中显示的是省市区的名字，但是接口的入参一

川长思鸟来/ 2023年02月18日 04:27/ 0 赞/ 8 阅读

相关前端获取后端数据

前端获取后端数据前阵子做个项目，因为涉及到前端代码，奈何前端知识有限，有个问题搞了好久。前端的js里需要一个数组，我后端都封装好了，但是这短短的距离我却不知道怎么拿

逃离我推掉我的手/ 2023年01月13日 09:00/ 0 赞/ 220 阅读

相关后端map数据，前端转成数组显示

（前言：spring boot项目，使用了Thymeleaf拦截器）后端controller如下： //原料 QueryWrapper<Ingr

旧城等待，/ 2022年11月28日 00:45/ 0 赞/ 172 阅读

相关 java map转xml 工具类_工具类--map 转成xml xml转成map

public class WxChatReq \{ /\\ \ Map转换成XML \ @param data \ @return \ @throws Excepti

一时失言乱红尘/ 2022年11月06日 07:54/ 0 赞/ 377 阅读

相关实体对象转成Map Map转成实体对象

public class MapBeanUtil { / 实体对象转成Map @p

拼搏现实的明天。/ 2022年10月07日 14:47/ 0 赞/ 261 阅读

相关（转）SimpleCursorAdapter修改数据前端显示

众所周知，用SimpCursorAdapter可以很方便的把数据库中的数据绑定到前台显示，但是有时候数据库中取出的数据，并不是我们要直接显示的数据，而是想稍作修改再表示出来，比

逃离我推掉我的手/ 2022年04月25日 03:28/ 0 赞/ 158 阅读