layui reload 重新获取后台数据
时间: 2023-07-31 11:06:34 浏览: 380
在 layui中,可以通过table.reload()方法重新获取后台数据并刷新表格。具体操作如下:
1. 在html页面,定义一个表格。
2. 在JavaScript代码中,使用layui.use()方法引入table组件。
3. 在JavaScript代码中,使用table.render()方法渲染表格。
4. 在JavaScript代码中,使用table.reload()方法重新获取后台数据并刷新表格。
以下是示例代码:
```
<!-- html页面 -->
<table id="demo" lay-filter="test"></table>
// JavaScript代码
layui.use('table', function(){
var table = layui.table;
// 渲染表格
table.render({
elem: '#demo',
url: '/api/getData',
cols: [[
{field: 'id', title: 'ID'},
{field: 'name', title: '姓名'},
{field: 'age', title: '年龄'}
]]
});
// 重新获取后台数据并刷新表格
table.reload('demo', {
url: '/api/getData',
page: {
curr: 1
}
});
});
```
注意:在使用table.reload()方法时,需要传入表格的id,即table.reload('demo')中的'demo',同时还需要传入获取数据的url,以及刷新后需要跳转的页码。
阅读全文