在layui中如果我们没在表格或者表单监听里面操作数据,那么就没办法用自带的重载来刷新数据,这时候我们可以采用重新加载父页面的方式。
我的需求是点击新增按钮,弹出新增的信息输入,输入完成后刷新页面,把新增的信息立即展示出来。
下面直接上代码:
$.ajax({
url: "",
type: "post",
data: $('#add').serialize(),
dataType: "json",
success: function(date) {
if(date.code == 0) {
parent.layer.msg("新增成功!", {
time: 1000
}, function() {
//重新加载父页面
parent.location.reload();
});
} else {
layer.msg('输入有误!', {
icon: 5
});
}
}
})
在点击确认新增后,ajax访问后台,新增到数据库后返回正确信息,然后这个时候重新加载父页面就实现了和数据表格一样的重载效果。