Springboot+Thymeleaf通过JS获取Model传过来的对象的值，存储到Session中

问题描述：

我在做一个前后端不分离项目，本来想使用Springboot整合JSP进行开发，可是看了下官方是不推荐使用JSP的，推荐的模板是Thymeleaf，为了方便，无奈之下选择了整合Thymeleaf进行开发，也整合了SSM框架，可是开发过程中遇到了很棘手的一个问题，我获取不到控制器的Model传过来的对象的信息啊，于是上网上搜各种解决办法，都没用，可以说是解决不了根本问题，获取不到的还是获取不到，主要的问题是通过JS获取不到对象和对象的信息啊，标题党们只会蹭流量，下面我说一下具体的解决办法。

---

我的项目中需要获取管理员的用户名来供每一个页面显示，我在控制器中返回的Model对象中存储了对象的信息，代码如下：

/**
* 用户登陆
* @param user
* @param model
* @return
*/
@RequestMapping("/user/login")
public String UserLogin(UserInfo user, Model model){

    UserInfo userInfo=userInfoService.selectUserInfo(user);
    //String name=userInfo.getUserName();
    if(userInfo!=null) {

        //model添加userinfo对象
       model.addAttribute("userInfo", userInfo);
        return "user/index";
    }
    model.addAttribute("result","failure");
    return "user/login";

    }

我这里一旦登陆成功，model就传到页面去了，在页面中使用JS获取对象并存到Session中，

js获取Model传过来的对象关键代码为下面标红部分的代码：

<script th:inline="javascript" >

//js获取后端model传过来的对象
var v = [[${userInfo.userName}]]
    var userInfo1=123;
sessionStorage.setItem("userInfo",v);
</script>

顺便说一下其他页面从Session取值的JS代码：

<script>
   var loginName = sessionStorage.getItem("userInfo");
    test.innerHTML=loginName;
</script>

将JS中的值放到页面中：
<div th:text="${userInfo.userName}" id="userName"></div>

问题得到解决，希望能给遇到这个问题的人有所帮助。