前端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>