zoukankan      html  css  js  c++  java
  • Thymeleaf模板如何获取springMVC返回的model值

    Thymeleaf模板如何获取springMVC返回的model值

    后台的实现:

    
    
      @RequestMapping("/hello")
        public String hello(ModelMap model){ 
            User user=new User();
            user.setId(1);
            user.setName("zhangsan");
        model.addAttribute("user",user ); 
        return "index"; 
      }
    前端值的获取(方式一):将model中的值赋给hidden,然后Js获取隐藏域的值。
    //将值赋给hidden域
    <input type="hidden" th:value="${user.name}" id="user_name"/>
    //Js 获取hidden的隐藏域
    var user_name=$("#user_name").val();
    alert(user_name
    在javascript中访问model(方式二):直接在js中取值,需要在script上添加th:inline=”javascript”的属性
    <script th:inline="javascript">
         var single = [[${user}]];
         console.log(user.name+"/"+user.id)
    </script>
    
    

    这种方式不能写在外联式的Javascript文件里,这样会不起作用,必须写在被渲染的html文件中。如若获取到数据后还想对其进行操作,可以将后续的操作写在外联式Javascript文件中,获取数据就写在html的script标签中。

    如:html

    <script th:inline="javascript">
        var msg = [[${message}]];
    </script>
    <!--写它在后面--> <script src=”message.js”></script>
    
    

    message.js

    alert(msg);

    这种方式不仅可以获取字符串,还可以获取到传过来的JSON对象。

        <script th:inline="javascript">
            var paths = [[${storeDTO.getPaths()}]];
        </script>

    接下来就可以在外联式的Javascript文件对该JSON进行操作了。

     
  • 相关阅读:
    Java代理(jdk静态代理、动态代理和cglib动态代理)
    Hive安装
    Spark 集群安装
    Flume 远程写HDFS
    Spark Idea Maven 开发环境搭建
    oracle 通不过网络的原因
    oracle一些基本问题
    linux-redhat配置yum源
    liunx虚拟机网络连接
    redhat安装jdk、tomcat、mysql
  • 原文地址:https://www.cnblogs.com/gaogaoyanjiu/p/10080885.html
Copyright © 2011-2022 走看看