js取thymeleaf值_Thymeleaf前后端传值 页面取值与js取值 Web程序 - 贪吃蛇学院-专业IT技术平台...

目的：

后端通过Model传值到前端

页面通过Model取值显示

js通过Model取值作为变量使用

1.后台Controller

@GetMapping("/message")publicString getMessage(Model model){

model.addAttribute("message","This is your message");return "index";

}

注：向model中添加属性message

2.页面通过Model取值

default message

3.js通过model取值

var message =[[${message}]];

console.log(message);

注：script标签中 th:inline 一定不能少，通常在取值的前后会加上不同的注释

4.如果前端需要接受的是一个JSON格式的对象，一定不能直接传JSON字符串

可以使用Fastjson将其转换为JSON对象packagespringboot.echarts.controller;

importcom.alibaba.fastjson.serializer.SerializerFeature;importlombok.extern.slf4j.Slf4j;importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.stereotype.Controller;importorg.springframework.ui.Model;importorg.springframework.web.bind.ann