thymeleaf将js中的信息传到后台

Thymeleaf是一个Java模板引擎，它的主要工作是将服务器端的数据渲染到HTML页面中。如果你想要将JavaScript中的信息传到后台，可以通过Ajax技术实现。具体步骤如下：

1. 在JavaScript中获取需要传递的数据，可以通过jQuery的$.ajax()方法发送请求。

2. 在Ajax请求中设置请求方式、请求地址、请求参数等信息。

3. 在后台的控制器中接收请求，获取请求参数，处理业务逻辑。

4. 返回处理结果给前台。

在Thymeleaf的模板页面中，可以通过th:onclick等属性来触发JavaScript事件，并将需要传递的参数传入JavaScript函数中。例如：

<button th:onclick="'sendData(\'' + ${data} + '\')'">发送数据</button>

其中，${data}是后台传入模板页面的数据，sendData()是JavaScript函数，用来发送数据并处理响应结果。

需要注意的是，在Thymeleaf中使用Ajax技术传递数据时，需要将Thymeleaf的CSRF防护机制关闭，否则会导致请求失败。可以在模板页面中添加如下代码：

<meta name="_csrf" th:content="${_csrf.token}" />
<meta name="_csrf_header" th:content="${_csrf.headerName}" />

然后在Ajax请求中添加CSRF Token：

var csrfToken = $("meta[name='_csrf']").attr("content");
var csrfHeader = $("meta[name='_csrf_header']").attr("content");

$.ajax({
    type: "POST",
    url: "/data",
    data: data,
    beforeSend: function(xhr) {
        xhr.setRequestHeader(csrfHeader, csrfToken);
    },
    success: function(result) {
        // 处理响应结果
    }
});