前端js函数中直接获取springmvc后台model中传值

背景:使用springboot +springmvc +thymeleaf想在前端js中直接获取后台model传的值

有两种方式:

1、使用隐藏域,先把model的值通过标签的方式放到某个input标签下,再到js中通过jquery按照id的方式选取(这种方法对于对象类型的传值支持不好,字符串什么的还可以)

1、后台传值:

model.addAttribute("roles", allRoleInfos);

2、前台隐藏域接收:

<input type="hidden" id="roles" value="${roles}}">

3、js中通过jquery使用id选取的方式获取值(需要注意的是这种不支持对象类型的)

var data= $("#roles").val();

2、内联js方式

1、后台传值:

model.addAttribute("roles", allRoleInfos);

2、js中直接获取值(需要注意的是需要使用内联js方式)

<script th:inline="javascript">
    function getRoleMapping(cellvalue, item, index){
        var data = [[${roles}]];
        if(data!=null)
        {
            for(var i=0;i<data.length;i++)
            {
                if(cellvalue==data[i].roleId)
                {
                    return data[i].roleName;
                }
            }
        }
    }
</script>

原文地址:https://www.cnblogs.com/falcon-fei/p/12173612.html

时间: 2024-11-06 16:46:16

前端js函数中直接获取springmvc后台model中传值的相关文章

iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法

1.假设当前页面为a.html, iframe的src页面为b.html,其代码如下: 1 <span class="tag"><html> 2 <br></span><span class="tag"><head> 3 <br></span><span class="tag"><title></span><s

前端js,如何在结构化与性能中做取舍。

js发展中的问题 随着前端web技术的发展,js要解决的问题也变得越来越多,越来越复杂. 解决更复杂的问题,需要更好的结构. 解决更复杂的问题,也需要更好的性能. 结构的优化在一定程度上会牺牲性能,同样的,性能的优化也有可能会破坏原有的结构. 一般化的例子 我们先来看看以前这些问题是如何(被)解决(妥协)的. jquery vs 原生api 回到10年前,精通jquery是前端程序员的一个里程碑,没有人执着于原生api.原生api有更好的性能,jquery有更好的结构.但问题在于开发效率的提升,

在.Net MVC中自定义ValidationAttribute标签对Model中的属性做验证

写一个继承与ValidationAttribute类的自定义的验证方法 MVC中传递数据时,大多数都会用Model承载数据,并且在传到控制器后,对Model进行一系列的验证. 我平时经常使用的判断方法比Low,因为Model都是不同的,也需要返回很多不同的信息,所以我都是把很多条件语句封装成私有方法,放在控制器的最下边,然后使用的时候直接调用. 下图就是我平时使用的代码格式,我把验证方法都写在了这里,很低级请轻喷. 其实在.Net MVC中,已经提供了很好的验证方法,就是在属性上面加Valida

js函数arguments与获取css样式方法

函数传参,当参数的个数不定时,可以使用arguments arguments.length=实参个数 获得css样式方法: getComputedStyle()方法---->得到的是计算机计算后的样式(多次修改之后的最终样式),IE 6 7 8下兼容 style.属性   ----->操作的是元素内嵌样式,得到是内嵌样式的属性 currentStyle ----->标准浏览器不兼容 注意: 不能获取复合样式.例如 :backgroud:url() color .... 单一样式不要用来做

js函数收藏:获取cookie值

//先设置一段子cookie var d = new Date(); d.setMonth(d.getMonth() + 1); d = d.toGMTString(); var a = "name:a, age:20, addr:beijing"; var c = "user=" + escape(a); c += ";" + "expires=" + d; document.cookie = c; //读取所有cookie

备份和恢复(或叫导入导出)按钮中的代码及后台控制器中的代码案例

//备份(导出)按钮中的代码 function(button, e) { var grid = this.getView(); var recs = grid.getSelectionModel().getSelection(); var url='/Pc/XiTongPublic/HeChaYaoDian1Backup'; window.open(util.urlFillAll(url),'_blank'); } //备份(导出)VS中的代码 /// </summary> [HttpGet]

JSF页面中使用js函数回调后台bean方法并获取返回值的方法

由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的,很可能会误导使用者. 相对来说,看国内的那些仅仅是翻译过来的文章或书籍不如直接看国外的官方文档或资料来的实在,在我讲述jsf页面中如何使用js调用后台bean方法之前,先给大家说几个国外的资料.在primefaces官方网站上,你可以搜索到几乎所有你需要的东西,primefaces官网为:http:

web后台获取不到session中的值(loading sessions from persistent storage),后改用JS传值

线上的程序似乎从session中取不到domain数据,重启了一下tomcat查看log日志发现,居然有报错.错误信息如下 22-Sep-2016 00:52:16.562 SEVERE [localhost-startStop-1] org.apache.catalina.session.StandardManager.startInternal Exception loading sessions from persistent storage java.io.StreamCorrupted

JS中直接从java后台获得对象的值(数组的值)

这里举得例子是:JS直接从后台Contorller中(SpringMVC中的model中)获得数值的值 Contorller 此处将 talentIntegralRecordsDay talentIntegralRecordsIntegral 两个数组用JSON.toJSONString()封装. @SuppressWarnings("deprecation") @RequestMapping("/integralParadise") public ModelAnd