ajax 请求后刷新Table
时间: 2023-06-16 16:06:24 浏览: 119
要实现 AJAX 请求后刷新 Table,可以在 AJAX 的 success 回调函数中重新加载 Table 的数据,然后再调用 Table 的刷新方法即可。具体实现步骤如下:
1. 在 HTML 页面中定义一个 Table,例如:
```html
<table id="myTable">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<!-- 这里是表格行数据 -->
</tbody>
</table>
```
2. 在 JavaScript 中使用 jQuery 发送 AJAX 请求,例如:
```javascript
$.ajax({
type: 'GET',
url: 'your-api-url',
success: function(data) {
// 在 success 回调函数中重新加载 Table 数据
var rows = '';
data.forEach(function(item) {
rows += '<tr><td>' + item.id + '</td><td>' + item.name + '</td><td>' + item.age + '</td></tr>';
});
$('#myTable tbody').html(rows);
// 调用 Table 的刷新方法
$('#myTable').DataTable().draw();
}
});
```
注意,这里使用了 DataTable 插件的 `draw()` 方法进行 Table 的刷新。如果你没有使用 DataTable 插件,可以使用其他 Table 插件的刷新方法,或者直接使用 jQuery 的 `load()` 方法重新加载整个 Table。
阅读全文