使用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. 0ctf-Wallbreaker Easy复现
			
    补坑+1. 有预留的后门,并且给了phpinfo,因此可以从phpinfo中先搜集一波信息: 这里禁用了很多命令执行的函数,所以应该要bypass_disablefunction,先读一下flag在哪 ...
    
			
    2. 
						
  2. 1.2 位于Shell脚本第一行的#!
			
    学习<shell脚本学习指南>一书,记录总结,便于自己回忆,希望对你有帮助! 2.4 自给自足的脚本:位于第一行的 #! 1.Shell脚本执行过程 当Shell执行一个程序时,会要求UN ...
    
			
    3. 
						
  3. ios 报错记录
			
    1. 运行xcode 报错:unterminated conditional directive #ifdef 缺少对应的#endif 在结尾加上就好了 2.iOS添加非(c,c++)文件引发的&qu ...
    
			
    4. 
						
  4. HmacSha1加密-java
			
    package com.test; import javax.crypto.Mac; import javax.crypto.spec.SecretKeySpec; import org.apache ...
    
			
    5. 
						
  5. 关于Server2008 R2日志的查看
			
    Server 2008 r2通过 系统事件查看器 分析日志: 查看 系统 事件: 事件ID号: 审计目录服务访问 4934 - Active Directory 对象的属性被复制 4935 -复制失败 ...
    
			
    6. 
						
  6. 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_2-4.后端项目分层分包及资源文件处理
			
    笔记 4.后端项目分层分包及资源文件处理     简介:项目基本目录结构,包名称建立,配置文件建立 1.基本目录结构                 controller             se ...
    
			
    7. 
						
  7. 一百二十八：CMS系统之轮播图的编辑和删除功能
			
    编辑 form,继承添加的form 视图 @bp.route('/ubanners/', methods=['POST'])@login_required@permission_required(CM ...
    
			
    8. 
						
  8. [PySpark] Build R&D environment
			
    开发环境 基本操作 Ref:Spark的环境搭建 一.启动集群 先启动hadoop,再启动spark,查看启动后的状态:http://node-master:8080 start-all.sh sta ...
    
			
    9. 
						
  9. Java内部类(1)：概述
			
    > 将一个类的定义放在另一个类的定义内部,这就是内部类. > 使用内部类最吸引人的原因是:每个内部类都能独立地继承一个(接口的)实现,所以无论外围类是否已经继承了某个(接口的)实现,对于内 ...
    
			
    10. 
						
  10. 20190722 - Windows 下使用 move 命令和通配符移动多个文件
			
    这是个标题党,实际上 move 命令无法移动通配符匹配的多个文件 比如,我有四个文件: c:\a\a1.txt c:\a\a2.txt c:\a\b1.txt c:\a\b2.txt 想移动后两个文件 ...
    
			
    11.