前端笔记-thymeleaf发送数据给JavaScript变量(普通变量和List)

比如这个情况,当使用echart的时候:

如下图:

前端笔记-thymeleaf发送数据给JavaScript变量(普通变量和List)_第1张图片

下面给出thymeleaf发送List给JavaScript

    //入学手续界面
    @GetMapping("/procedure")
    public String procedure(Model model){

        model.addAttribute("someInfo", cardInfoDao.getCardInfo());
        System.out.println(cardInfoDao.getCardInfo());

        return "student/procedure";
    }

这里把某个结构体传过去即可:

这个结构体有如下的数据:

    public CardInfo(Integer id, Integer value1, Integer value2, Integer value3, Integer value4, Integer value5, Integer value6) {
        this.id = id;
        this.intValueList = new ArrayList();
        this.intValueList.add(value1);
        this.intValueList.add(value2);
        this.intValueList.add(value3);
        this.intValueList.add(value4);
        this.intValueList.add(value5);
        this.intValueList.add(value6);

        this.strValueList = new ArrayList();
        this.strValueList.add("拿校服");
        this.strValueList.add("拿饭卡");
        this.strValueList.add("拿被子");
        this.strValueList.add("拿X1");
        this.strValueList.add("拿X2");
        this.strValueList.add("拿X3");

    }

此时前端代码这么写:

就可以获取数据了!


                    
                    

你可能感兴趣的:(JavaScript,web前端)