JSON 转换 &quot 怎么处理呢

ServiceFees serviceFees = serviceFeesService.fetch(id);
		serviceFeesService.fetchLinks(serviceFees,"serviceFeeItemList");
		req.setAttribute("serviceFees",serviceFees);
		String source ="[]";
		if(Lang.isNotEmpty(serviceFees) && Lang.isNotEmpty(serviceFees.getServiceFeeItemList())){
//			source =  Json.toJson(serviceFees.getServiceFeeItemList());
			source =  JSON.toJSONString(serviceFees.getServiceFeeItemList());
		}
		req.setAttribute("source",  source);

source = Json.toJson(serviceFees.getServiceFeeItemList());
页面报错了;
source = JSON.toJSONString(serviceFees.getServiceFeeItemList());
还能输出日志
JSON 转换 &quot 怎么处理呢求指点

[{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;3bd113782950422ca80e79fef0413b59&quot;,&quot;name&quot;:&quot;半年付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:6},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;87bafc6b0a554af89320ae95fc1ef6ad&quot;,&quot;name&quot;:&quot;季付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:3},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602211000,&quot;id&quot;:&quot;883433f0eda54aaf8fe3c9fe0e0141b8&quot;,&quot;name&quot;:&quot;2年付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602211000,&quot;value&quot;:24},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;d84c61fd82d2407e98d47a9412d0ca64&quot;,&quot;name&quot;:&quot;月付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:1},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;dec30ab98399431987f66e04637c18cc&quot;,&quot;name&quot;:&quot;年付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:12}]

wendal

1楼•1958天前

没看懂

Tomcat(qq_4f9057d2) 2楼•1958天前

c:out，加上escapeXml="false"

Hamming(tonyyule)

3楼•1958天前

断点json 得到的值是

[{"createBy":"1","createTime":1565602210000,"id":"3bd113782950422ca80e79fef0413b59","name":"半年付","rate":1.0,"serviceFeesId":"7278ffb0d1ab4f5f997616d6d90709c8","updateBy":"1","updateTime":1565602210000,"value":6},{"createBy":"1","createTime":1565602210000,"id":"87bafc6b0a554af89320ae95fc1ef6ad","name":"季付","rate":1.0,"serviceFeesId":"7278ffb0d1ab4f5f997616d6d90709c8","updateBy":"1","updateTime":1565602210000,"value":3},{"createBy":"1","createTime":1565602211000,"id":"883433f0eda54aaf8fe3c9fe0e0141b8","name":"2年付","rate":1.0,"serviceFeesId":"7278ffb0d1ab4f5f997616d6d90709c8","updateBy":"1","updateTime":1565602211000,"value":24},{"createBy":"1","createTime":1565602210000,"id":"d84c61fd82d2407e98d47a9412d0ca64","name":"月付","rate":1.0,"serviceFeesId":"7278ffb0d1ab4f5f997616d6d90709c8","updateBy":"1","updateTime":1565602210000,"value":1},{"createBy":"1","createTime":1565602210000,"id":"dec30ab98399431987f66e04637c18cc","name":"年付","rate":1.0,"serviceFeesId":"7278ffb0d1ab4f5f997616d6d90709c8","updateBy":"1","updateTime":1565602210000,"value":12}]

thymeleaf 页面取值是

 var source = "[[${source}]]";
    console.log(source);

[{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;3bd113782950422ca80e79fef0413b59&quot;,&quot;name&quot;:&quot;半年付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:6},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;87bafc6b0a554af89320ae95fc1ef6ad&quot;,&quot;name&quot;:&quot;季付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:3},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602211000,&quot;id&quot;:&quot;883433f0eda54aaf8fe3c9fe0e0141b8&quot;,&quot;name&quot;:&quot;2年付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602211000,&quot;value&quot;:24},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;d84c61fd82d2407e98d47a9412d0ca64&quot;,&quot;name&quot;:&quot;月付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:1},{&quot;createBy&quot;:&quot;1&quot;,&quot;createTime&quot;:1565602210000,&quot;id&quot;:&quot;dec30ab98399431987f66e04637c18cc&quot;,&quot;name&quot;:&quot;年付&quot;,&quot;rate&quot;:1.0,&quot;serviceFeesId&quot;:&quot;7278ffb0d1ab4f5f997616d6d90709c8&quot;,&quot;updateBy&quot;:&quot;1&quot;,&quot;updateTime&quot;:1565602210000,&quot;value&quot;:12}]

这个是什么原因呢

Hamming(tonyyule)

4楼•1958天前

@qq_4f9057d2 感谢回复但是是用的thymeleaf

wendal

5楼•1958天前

查thymeleaf的文档嘛，不转义输出

Hamming(tonyyule)

6楼•1958天前

感谢兽总已经解决

<script th:inline="javascript">
    //页面显示异常 不转义输出
    //<![CDATA[
    var source = [[${source}]];
    console.log(source);
    source = JSON.parse(source);
    console.log(source);
    //]]>

</script>

请先登陆