关于HTML框架局部刷新的问题

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);
			}
		}); //刷新局部

你可能感兴趣的:(前端)