layui操作完成后刷新页面

在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访问后台，新增到数据库后返回正确信息，然后这个时候重新加载父页面就实现了和数据表格一样的重载效果。

layui操作完成后刷新页面相关推荐

LayUi前端框架删除数据缓存问题（解决删除后刷新页面内容又会显示问题）
LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) 参考文章: (1)LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) (2)https://www.cn ...
vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
java 刷新界面_利用java如何实现在删除信息后刷新页面功能
利用java如何实现在删除信息后刷新页面功能发布时间:2020-11-17 14:25:49 来源:亿速云阅读:74 作者:Leah 这篇文章给大家介绍利用java如何实现在删除信息后刷新页面功能 ...
java删除页面数据不刷新_Ajax请求数据与删除数据后刷新页面
1.ajax异步请求数据后填入模态框请求数据的按钮(HTML) ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS) //查询单个 functionquery(id) { ...
Ajax请求数据与删除数据后刷新页面
1.ajax异步请求数据后填入模态框请求数据的按钮(HTML) <a class="queryA" href="javascript:void(0)" ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
vue 添加完数据后刷新页面_页面刷新vuex数据消失
1.前言 vue构建的项目中,vuex的状态存储是响应式的,当vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会得到高效刷新,问题来了,vuex存储的数据只是在页 ...
layui删除后刷新表格_LayUi前端框架删除数据缓存问题（解决删除后刷新页面内容又会显示问题）...
[HDOJ5952]Counting Cliques(DFS,剪枝) 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5952 题意:求图中规模为s的团的 ...
uniapp无法返回上一页_uni-app 返回上一页或返回多页后刷新页面
我们在用 uni-app 开发前端时,有时在返回上一页后要刷新上一页的数据,如登录后返回上一页刷新登录状态.我们可以通过 uni.navigateBack 的成功回调函数来实现.具体实现方式如下: 要 ...

layui操作完成后刷新页面

layui操作完成后刷新页面相关推荐

最新文章

热门文章