layui table reload post请求_如何实现在Layui框架中完成父窗口刷新(更新)
时间: 2023-07-14 21:13:15 浏览: 54
在Layui框架中,可以使用table.reload()方法实现表格的重新加载。如果要实现父窗口的刷新,可以通过在子窗口中调用父窗口的方法来实现。
具体实现步骤如下:
1. 在父窗口中定义一个方法,用于重新加载表格数据:
```
function reloadTable() {
// 调用表格的reload方法,重新加载数据
layui.table.reload('tableId');
}
```
其中,'tableId'为表格的id属性值。
2. 在子窗口中,调用父窗口的reloadTable()方法:
```
parent.reloadTable(); // 调用父窗口的reloadTable方法,刷新表格数据
```
3. 在子窗口中,使用ajax提交表单数据,并在提交成功后调用父窗口的reloadTable()方法:
```
// 使用ajax提交表单数据
$.ajax({
url: 'xxx',
type: 'POST',
data: formData,
success: function(data) {
// 提交成功后,调用父窗口的reloadTable方法,刷新表格数据
parent.reloadTable();
// 关闭当前窗口
parent.layer.closeAll();
},
error: function() {
// 提交失败后的处理
}
});
```
这样,在子窗口中提交表单数据成功后,会自动调用父窗口的reloadTable()方法,实现表格数据的更新。