使用Thymeleaf模板时，如果需要在js中获取后台传值，那么需要用内联JS写法获取 【姿势很重要】

一、后台通过Model的addAttribute方法向前台传值

　　1、js获取后台属性值（--内联JS，<js起止加入如下代码，否则引号嵌套或者"<"">"等不能用>），内联JS取值，只能写在HTML中，写在JS文件中不生效，会导致语法错误

   //静态页面取值为：zhangsan， 动态页面取值为${session.wxuser.openId}对应的值

　　<script type="text/javascript" th:inline="javascript">

        var value = /*[[${session.wxuser.openId}]]*/ 'zhangsan';

    </script>

　　2、标签取值

<span th:text="${#httpServletRequest.getParameter('name')}"/>
												


											
thymeleaf 模板使用 之 前台界面获取后台属性值的更多相关文章
	

    
								
  1. 前台freemark获取后台的值
		
    1.后台代码: ModelAndView mv = new ModelAndView("log/logList.ftl"); String info="abc" ...
    
		
    2. 
						
  2. Thymeleaf在前台下拉列表获取后台传的值
		
    Thymeleaf在前台下拉列表获取后台传的值 后台添加代码: /** * 新增机构 */ @GetMapping("/add") public String add(ModelM ...
    
		
    3. 
						
  3. 关于js中直接获取后台的值，直接弹窗获取到的值
		
    js里获取后台的值,以前我都是后台通过jsp中的<input>EL表达式: 后台代码把传向页面的值放入request:request.setAttribute("Success& ...
    
		
    4. 
						
  4. js调用asp.net 后台属性值
		
    后台代码: public string title = "js调用后台属性值"; public void getContent() { return title; } 前台代码:  ...
    
		
    5. 
						
  5. c# 如何通过反射 获取\设置属性值
		
    c# 如何通过反射 获取\设置属性值 //定义类public class MyClass{public int Property1 { get; set; }}static void Main(){M ...
    
		
    6. 
						
  6. JS中使用document.defaultView.getComputedStyle()、currentStyle()方法获取CSS属性值
		
    在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如: 1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属性 ...
    
		
    7. 
						
  7. ASP.NET Core EF 查询获取导航属性值，使用Include封装
		
    // 引用 using Microsoft.EntityFrameworkCore; // 摘要: // Specifies related entities to include in the qu ...
    
		
    8. 
						
  8. JQ获取元素属性值
		
    最近在学习JAVA Web,自己也是做个下列表左右选择的小案例. 获取某个元素的属性值一直以为是要调用atrr方法,不过好像获取元素的数组形式再遍历每个元素的时候想获取到它的属性值用attr方法有问题 ...
    
		
    9. 
						
  9. robotframework，移动端（小程序）自动化，获取元素属性值的方法
		
    如下图,获取商品价格 属性值显示在content-desc内 传统的get text指定是无法获得到这个元素指定属性的值的 只有通过使用AppiumLibrary.get element attrib ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Java-NIO 之 Buffer 与 Channel
			
    NIO:一种同步非阻塞的 I/O 模型,也是 I/O 多路复用的基础. 同步与异步 同步:发起一个调用后,被调用者未处理完请求之前,调用不返回. 异步:发起一个调用后,立刻得到被调用者的回应表示已接收 ...
    
			
    2. 
						
  2. kotlin array
			
    (1)Kotlin语言使用Array表示数组. (2)[] 可以用于访问数组的元素, [] 被进行了操作符的重载,调用的是 Array 类的 setter 和 getter 方法 2.创建数组 (1) ...
    
			
    3. 
						
  3. React Native 日常报错
			
    在学习React.js 或 React Native 过程中,有时看着别人的框架或代码,但总是会出现错误,因为React或之中用到的一些包经常更新,有些代码或教程就显得过旧了. 一.日常报错 'con ...
    
			
    4. 
						
  4. 在vue项目中使用element-ui的Upload上传组件
			
    <el-upload v-else class='ensure ensureButt' :action="importFileUrl" :data="upLoadD ...
    
			
    5. 
						
  5. WebServer_参考
			
    参考:http://blog.csdn.net/cjsafty/article/details/9323425 这里顺便记录下几个页面      lajphttps://code.google.com ...
    
			
    6. 
						
  6. git显示不出来图标标志
			
    git操作的文件夹,发现没有显示出来是否上传的绿色图标,这样导致不清楚哪些文件是否修改,是否上传. 以下方法让我的问题解决了,但我并不知道是不是所有人的问题都适用这种方法,如果你也遇到这种问题,可以尝 ...
    
			
    7. 
						
  7. Unity3D热更新之LuaFramework篇[10]--总结篇
			
    背景 19年年初的时候,进到一家新单位,公司正准备将现有的游戏做成支持热更的版本.于是寻找热更方案的任务就落在了我头上. 经过搜索了解,能做Unity热更的方案是有好几种,但是要么不够成熟,要么不支持 ...
    
			
    8. 
						
  8. bg_imgae
			
    
			
    9. 
						
  9. 部署kubernetes-prometheus和用kubespray部署kubernetes后修改kubelet的
			
    1.kubespray的配置文件 /opt/kubespray/inventory/mycluster/group_vars/all/all.yml# kube_read_only_port: 102 ...
    
			
    10. 
						
  10. js-array自增长方式
			
    function a(){ var colors = ["red","blue","green"]; colors[colors.lengt ...
    
			
    11.