Javascript Spring Boot:双qoutes格式错误

Javascript Spring Boot:双qoutes格式错误,javascript,java,json,spring-boot,thymeleaf,Javascript,Java,Json,Spring Boot,Thymeleaf,我正在编写一个应用程序,其中我需要通过Thymeleaf将一些数据从Spring Boot controller发送到模板 在我想发送一些JSON之前,我没有遇到任何问题 双qoute(“)更改为” 正因为如此,我犯了一个错误 控制器: @GetMapping("/statistics") public String viewStatistics(Model model) { JSONArray jsonArray = statisticsService.getTas

我正在编写一个应用程序,其中我需要通过Thymeleaf将一些数据从Spring Boot controller发送到模板

在我想发送一些JSON之前,我没有遇到任何问题

双qoute(
)更改为

正因为如此,我犯了一个错误

控制器:

@GetMapping("/statistics")
public String viewStatistics(Model model) {
    JSONArray jsonArray = statisticsService.getTaskNamePercentageMap();
    System.out.println(jsonArray);
    model.addAttribute("taskNamePercentageMap", jsonArray);
    return "statistics/main";
}
[{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]
$(document).ready(function () {
        var json =[[${taskNamePercentageMap}]];
        /*... TO BE CONTINUED ...*/
    });
var b = JSON.stringify([{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]);
System.out.println(jsonArray)输出:

@GetMapping("/statistics")
public String viewStatistics(Model model) {
    JSONArray jsonArray = statisticsService.getTaskNamePercentageMap();
    System.out.println(jsonArray);
    model.addAttribute("taskNamePercentageMap", jsonArray);
    return "statistics/main";
}
[{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]
$(document).ready(function () {
        var json =[[${taskNamePercentageMap}]];
        /*... TO BE CONTINUED ...*/
    });
var b = JSON.stringify([{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]);
统计信息/主模板中的JavaScript代码:

@GetMapping("/statistics")
public String viewStatistics(Model model) {
    JSONArray jsonArray = statisticsService.getTaskNamePercentageMap();
    System.out.println(jsonArray);
    model.addAttribute("taskNamePercentageMap", jsonArray);
    return "statistics/main";
}
[{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]
$(document).ready(function () {
        var json =[[${taskNamePercentageMap}]];
        /*... TO BE CONTINUED ...*/
    });
var b = JSON.stringify([{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]);
Chrome开发者选项卡中的变量“a”来源:

@GetMapping("/statistics")
public String viewStatistics(Model model) {
    JSONArray jsonArray = statisticsService.getTaskNamePercentageMap();
    System.out.println(jsonArray);
    model.addAttribute("taskNamePercentageMap", jsonArray);
    return "statistics/main";
}
[{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]
$(document).ready(function () {
        var json =[[${taskNamePercentageMap}]];
        /*... TO BE CONTINUED ...*/
    });
var b = JSON.stringify([{"low":33,"name":"Tenis"},{"low":100,"name":"Rugby"}]);
有人能告诉我问题出在哪里以及如何解决吗?

试试这个

var json = [(${taskNamePercentageMap})];

请注意,[…]对应于th:text(即结果将是HTML转义),[(…)]对应于th:utext,并且不会执行任何HTML转义

试试这个

var json = [(${taskNamePercentageMap})];

请注意,[…]对应于th:text(即结果将是HTML转义),[(…)]对应于th:utext,并且不会执行任何HTML转义

请看,at部分
8.3
请看,at部分
8.3