JavaScript 函数中获取 Thymeleaf 变量内容 - 全局变量和 Ajax 请求

以上代码会将 Thymeleaf 的变量 name 赋值给 JavaScript 的全局变量 name。

方法二：通过 Ajax 请求获取变量的值

在 JavaScript 函数中，可以通过 Ajax 请求获取 Thymeleaf 的变量的值。例如：

function getData() {
  $.ajax({
    url: "/getData",
    success: function(data) {
      var name = data.name;
      // ...
    }
  });
}

以上代码会发送一个 Ajax 请求到后端，获取数据并将 name 赋值给 JavaScript 的变量 name。在后端代码中，需要定义一个返回 Thymeleaf 变量的接口。例如：

@GetMapping("/getData")
@ResponseBody
public Map<String, Object> getData() {
  Map<String, Object> result = new HashMap<>();
  String name = "张三";
  result.put("name", name);
  return result;
}

以上代码会返回一个包含 Thymeleaf 变量 name 的 Map 对象。在 JavaScript 中，通过 Ajax 请求获取到该 Map 对象，并将其中的 name 赋值给 JavaScript 的变量 name。