@GetMapping("/users") public Administrators getAdministratorsById(@RequestParam Integer adid) { return administratorsservice.getById(adid); }如何绑定前端的table
时间: 2024-02-21 19:57:10 浏览: 59
可以使用前端的 JavaScript 框架(如 jQuery、Vue.js、React 等)来绑定表格。以下是一个使用 jQuery 的例子:
```html
<table id="userTable">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
```
```javascript
$.ajax({
url: "/users?adid=123",
method: "GET",
success: function(data) {
// 将返回的 Administrators 对象绑定到表格中
var $table = $("#userTable");
$.each(data, function(index, user) {
var $row = $("<tr>");
$row.append($("<td>").text(user.id));
$row.append($("<td>").text(user.name));
$row.append($("<td>").text(user.email));
$table.find("tbody").append($row);
});
},
error: function(xhr, status, error) {
console.error(error);
}
});
```
其中,`$.ajax()` 方法用于发送 AJAX 请求。在请求成功后,使用 `$.each()` 方法遍历返回的 Administrators 对象数组,并将每个对象的属性值添加到表格中。最终,表格将会显示在页面上。
阅读全文