HTML框架使用JS实现局部刷新
点击表中一行弹出层显示增删改页面,将信息修改后保存然后关闭,表中数据应该及时刷新,手动去刷新用户体验感非常不好,之前用vue框架的时候没有这种烦恼。
id | name | age |
---|---|---|
1 | 张三 | 17 |
2 | 李四 | 18 |
3 | 王五 | 19 |
点击name弹出详细信息修改页面,保存后及时刷新(仅刷新该表格)
id | name | age |
---|---|---|
1 | 张三 | 20 |
2 | 李四 | 18 |
3 | 王五 | 19 |
局部刷新的方法有很多,我大部分都尝试过,不是刷新到首页就是出现了双眼皮效果,效果都不要太好,下面这个是我觉得最稳妥的办法。
//layui
layer.open({
content : '保存成功',
success : function(layero, index) {//弹出后回调
var _body = window.parent;//获取父窗体对象
var _iframe = _body.document.getElementById('id');//从指定窗体中取出需要刷新的对象
_iframe.contentWindow.location.reload(true);
}
}); //刷新局部