前端js获取SpringMvc后台model中传值

Posted 2022-04-16 早起的年轻人

也许你迷茫，但是我想说，在你迷茫的同时，保持本心，过好今天就好。

使用 SpringBoot +SpringMVC +thymeleaf 组合实现的功能，期望在 thymeleaf 中的html中的js中 获取 springboot 中 Model 中设置的值

@Controller
@RequestMapping("/web/computerTest")
public class ComputerTestWebController 

    /**
     * 选择考试
     */
    @GetMapping("/chooseExam.html")
    public String chooseExam(@RequestParam String token, Model model) 
      
        Boolean showV1 = true;
        Boolean showPre = true;
     
        model.addAttribute("showV1", showV1);
        model.addAttribute("showPre", showPre);
        //对应显示的html
        return "computertestweb/chooseExamV2";
    

这是我对应的html文件

有两种方式：

1 内联js方式

<script th:inline="javascript">
    let activityName = "first"
    
    if([[$showV1]])
        activityName = "first"
    else
        activityName = "second"
    
</script>

2、使用隐藏域，

使用隐藏域， 先把model的值通过标签的方式放到某个input标签下，再到js中通过js或者jquery按照id的方式选取

2.1 在html 中写入隐藏标签

<input type="hidden" id="showV1" value="$showV1">

2.2 在js中通过ID获取标签获取值

let data= $("#showV1").val();