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

迈不过友情╰ 2023-10-07 17:34 18阅读 0赞

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

使用 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文件  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]

有两种方式：

##### 1 内联js方式 #####

##### 2、使用隐藏域， #####

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

###### 2.1 在html 中写入隐藏标签 ######

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

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

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/83b40da34e68449fba0e6cd1e6bdd437.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16