后台传递list,JS遍历处理

水下五米

已于 2023-03-10 14:55:58 修改

阅读量2.5k

点赞数

分类专栏： JS事件文章标签： json

于 2022-11-17 11:12:32 首次发布

本文链接：https://blog.csdn.net/qq_37570710/article/details/127900075

版权

JS事件专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、后台把list 或者 map 转成json JSON.toJSONString(）

2、前台通过JSON.parse('${list}') 获取对象

示例代码：

1、后台代码，使用 JSON.toJSONString(categoryList)

@RequestMapping("/toList")
    public String toList(Model model) {

        // 获取对象LIST
        List<Object> categoryList = service.queryList();
        model.addAttribute("categoryList", JSON.toJSONString(categoryList));
        // 传递map 对象
        Map<String, Object> reMap = new HashMap<>();
        reMap.put("edit ","1111");
        model.addAttribute("map", JSON.toJSONString(reMap));

        // 跳转页面
        return MODEL_PATH + "List";

    }

2、前台代码

    // 获取list
    var categoryList = JSON.parse('${categoryList}');
    // 循环list
    for (var i = 0; i < categoryList.length; i++) {
                html += "<option value='" + categoryList[i].id + "'>" + categoryList[i].categoryName + "</option>";
            }

// 获取map 中属性

    // 获取map
    var map= JSON.parse('${map}');
    // 获取map 的属性
    var edit = map.edit;

扩展提示for 循环使用each 代替也行

        //-------扩展提示 for循环可以使用each代替
        $.each(data, function (i, item) {
            //拼接每一个选项
            htmls += '<option value="'+ item.id +'">'+ item.categoryName +'</option>';
            // 默认获取第一个
            if (i == 0) {
                objectList = item.list;
            }    
        });

        // 箭头函数遍历
        let  array =[];
        list.forEach(item => {
          array.push(item.value());
        })