如何正确发送参数到控制器？ (Thymeleaf + Javascript)

Question

我是 Thymeleaf 的初学者。 我所知道的是“Thymeleaf 不是 Javascript，它是在服务器上呈现的”这一事实。 我一直在犯错误，因为我通常尝试像 JavaScript 一样使用 Thymeleaf。

HTML

<form th:action="@{/user/sqlCode}" method="post">
    <button id="newDatabase"></button>
</form>
<textarea id="generatedSql" readonly></textarea>

控制器

@PostMapping(path = { "/user/sqlCode" })
public String createSchema(@RequestParam(???) String tmp) {
    String finallyMyValue = tmp;
    // STOP  I want to have data from generatedSql in this moment (finallyMyValue)
    // ...
}

@ 使命 @
1.点击按钮（id：newDatabase）
2.从textarea中获取数据（id：generatedSql）
3. 将带有该数据的值发送给控制器
4. 快乐:)
@ 使命 @

我尝试了很多东西，但只使用 Javascript。 场景总是相同的，JavaScript 完全在 Thymeleaf 之前执行，最后我无法正确读取该数据......我尝试了这种场景：

1. 单击按钮（id：newDatabase）
2. 使用 JavaScript从 textarea (id:generatedSql)获取数据
3. 使用 JavaScript将该数据插入到输入标签中的变量name中
4. 将变量name发送到控制器。
5. 在这里我总是得到 NULL 或错误 404

我失败的方法的屏幕截图，在断点处以 null 结束：

Answer 1

我认为您应该尝试在 Ajax 中使用 Javascript：

<div>
    <button type="button" onclick="submitData()">Change Content</button>
</div>

function submitData() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            console.log(this.responseText);
        }
    };
    xhttp.open("post", "$URL", true);
    xhttp.send();
}