Ajax SpringBoot&x2B；第行带有复选框的Thymeleaf dinamic表格与控制器通信

也许标题比问题本身更令人困惑。这是我的情况，使用Thymeleaf，我显示了一个包含客户列表的表。它显示Name、LastName、删除它的按钮和显示其状态的复选框（如果用户处于活动或非活动状态）

名称
姓

到目前为止，没有问题。但我不知道如何做的是，当用户单击复选框时，与控制器通信，以便禁用或启用特定的客户端

类似于按钮删除客户机，但更改其状态所做的操作

我被告知要使用AJAX，但不知道如何使用

---

谢谢大家!

您可以避免使用ajax。要删除相似效果，可以对包含复选框的

td

元素应用以下步骤：

• 将复选框包装在

  表单中

  标记中
• 在

  表单

  中提供适当的

  操作

  属性。该操作是一个端点，用于处理客户端状态的更新（类似于

  /delete\u client/

  ）
• 在复选框中提供

  onclick=“submit（）；”

  属性，当用户单击该属性时，它将触发所提到的端点

例如

谢谢@Jakub。我试试看，让你知道对不起，我太晚才把它标记为正确的！谢谢你的帮助！关于@sebasira，没什么可遗憾的。我很高兴我的回答对你有用！：）

<table class="table">
<thead>
<tr>
    <th>Name</th>
    <th>Last Name</th>
</tr>
</thead>
<tbody>
<tr th:each="client : ${clientList}">
    <td th:text="${client.name}"></td>
    <td th:text="${client.lastName}"></td>
    <td>
        <a th:href="@{/delete_client/} + ${client.id}" class="btn btn-danger">Delete</a>
    </td>
    <td>
        <input type="checkbox" name="my-checkbox" th:checked="${client.state} ? 'checked'">
    </td>

</tr>
</tbody>

<td>
    <form th:action="@{/switch_client_state/} + ${client.id}">
        <input type="checkbox" name="my-checkbox" onclick="submit();" th:checked="${client.state} ? 'checked'">
    </form>
</td>