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

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

使用 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);//对应显示的htmlreturn "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();

前端js获取SpringMvc后台model中传值相关推荐

前端js获取php后台变量
var shop_id1='<{$SHOP.shop_id}>';
SpringMVC js如何获取后台model中的属性值
SpringMVC js如何获取后台model中的属性值 companylist 如何获取 var companylist="${companylist}"; 希望对你有所帮助个 ...
前端js获取图片大小扩展名_前端 JS 获取 Image 图像宽高尺寸
前端 JS 获取 Image 图像宽高尺寸简介项目中用到获取图片的原始尺寸,然后适配宽高:网上的大部分前端解决方案,都是new Image()后,在onload事件中获取image的尺寸. 在 ...
前端JS：判断list(数组)中的json对象是否重复
前端JS:判断list(数组)中的json对象是否重复 <!DOCTYPE html> <html> <head> <meta charset="u ...
前端Js获取本网IP和外网IP方法总汇
我们应该知道一台电脑需要两个ip才可以上网,一个是本地的内网ip(本地ip),另一个就是外网ip(公网ip).值得说明的是:外网ip具有世界范围的唯一性,而内网ip只在局域网内部具有唯一性.并且一个局 ...
如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
前端js获取图片大小扩展名_JS获取文件大小方法小结
本文实例总结了JS获取文件大小方法.分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: function getFileSize(filePath) { var fso = new ...
前端js获取当前年月日时间
js获取当前年月日 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位, ...
前端js获取一个数组中的连续数字
var oldArr = [1,2,3,7,8,9,15,17,18,19];//根据这个数组可以得到一下一个二维数组var newArr = [[1,2,3],[7,8,9],[15],[17,18 ...

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

1 内联js方式

2、使用隐藏域，

2.1 在html 中写入隐藏标签

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

前端js获取SpringMvc后台model中传值相关推荐

最新文章

热门文章