layui怎么刷新当前页面


本文摘自PHP中文网,作者藏色散人,侵删。

layui刷新当前页面的方法:首先打开相应的代码文件;然后通过“$.post("${base}/order/SaveOrder",data.field,function(res){...}”方法在请求成功后刷新当前页面即可。

本教程操作环境:windows10系统、layui2.5.6,本文适用于所有品牌的电脑。

推荐:《layUI教程》

LayUI页面关闭和刷新问题

一 编辑成功后刷新父页面

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

$.ajax({

                type: "POST",

                        url: "${base}/pm/pmshiftEditList",

                        data: $("#form").serialize(),//将对象序列化成JSON字符串

                        success: function(res){

                    if (res.success) {

                        parent.layer.msg("操作成功!", {time: 1000}, function () {

                            //重新加载父页面

                            parent.location.reload();

                        });

                        return;

                    } else {

                        layer.msg(res.message,{time: 2000},function () {});

                    }

                },

                error: function(res){

                }

            });

二 请求成功后刷新数据表格

1

2

3

4

5

6

7

8

9

10

11

12

13

if(obj.event === "editDetails"){

               var editIndex = parent.layer.open({

                   title : "编辑工艺",

                   type : 2,

                   content : "${base}/pm/routingtmpl/editDetails?tmplId="+data.id,

                   area: ['100%', '100%'], //宽高

                   success : function(layero, addIndex){

                   },end: function () {

                       t.where = data.field;

                       table.reload('test', t);

                       return false;

                   }

               });

三 关闭子页面刷新父页面数据表格

调用layer插件的end回调方法:

end - 层销毁后触发的回调

类型:Function,默认:null

无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。

阅读剩余部分

相关阅读 >>

layui有什么好处

layui怎么使用jquery

layui批量删除怎么刷新当前分页

layui怎么隐藏表格行

layui框架使用收费吗

layui框架的table字段筛选功能介绍

layui关联表单的方法

layui如何实现数据分页功能

怎么设置layui默认的表格宽度

layui时间控件清空之后无法正常使用的问题

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...