controller代码(返回数据格式为对象)

modelMap.put("marketingTools", marketingTools);	//存放整个对象
modelMap.put("isShare", isShare);//存放一个值

html代码

<script type="text/javascript">
      $(function() {
        var isShare= [[${isShare}]];//直接取值
        if(isShare == 0){
         $("#shareTitle").hide();
          $("#shareImg").hide();
        }

        var participantUser=[[${marketingTools.participantUser}]];//对象中取值
        if(participantUser != 3){
          $("#excelFileName").hide();
          $("#excelFileUrl").hide();
        }
      });
</script>

controller代码(返回数据格式为json)

modelMap.put("platformList",JSONUtil.toJsonStr(platformList));//返回json

html代码

<script type="text/javascript">
       function showList() {
	       debugger
	       var temp = [[${platformList}]];//报错
	       console.log("temp---"+temp);
       }
</script>

在这里插入图片描述
报错原因,json被转义,可以通过隐藏域来传值

正确写法1

通过内联实现,标签增加 th:inline="javascript"

<script type="text/javascript"  th:inline="javascript">
       function showList() {
	       debugger
	       var temp = [[${platformList}]];//报错
	       console.log("temp---"+temp);
       }
</script>

参考链接:https://www.cnblogs.com/lmsblogs/p/11386800.html

正确写法2

通过隐藏域实现

 <input id="platformList" th:value="${platformList}" type="hidden">
<script type="text/javascript">
       var platformListStr = $("#platformList").val();
       // console.log("platformListStr---"+platformListStr);
       var platformList=$.parseJSON(platformListStr);
</script>
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐