Comment actualiser la page actuelle dans layui

La méthode permettant à layui d'actualiser la page actuelle : ouvrez d'abord le fichier de code correspondant ; puis transmettez "$.post("${base}/order/SaveOrder",data.field,function(res){ ... }" peut actualiser la page actuelle une fois la requête réussie.

L'environnement d'exploitation de ce tutoriel : système Windows 10, layui2.5.6, cet article s'applique à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel layUI"

Problèmes de fermeture et d'actualisation de la page LayUI

1 Actualisez la page parent après une édition réussie

$.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){
                }
            });

Deuxièmement, actualisez la table de données une fois la demande réussie

 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;
                    }
                });

Troisièmement, fermez la page enfant et actualisez la table de données de la page parent

Appelez la méthode de rappel de fin du plug-in de couche :

end - rappel déclenché après la destruction de la couche

Type : Fonction, par défaut : null

Qu'il s'agisse d'une confirmation ou d'une annulation, tant que le calque est détruit, la fin sera exécutée, aucun paramètre n'est transporté

Lorsque la fenêtre parent ouvre la boîte de dialogue du calque, ajoutez. le rappel de fin

addIndex = layer.open({
                    title : "编辑客户定单",
                    type : 2,
                    content : "${base}/order/projectEdit?projectId="+data.project_id,
                    success : function(layero, addIndex){
                        setTimeout(function(){
                            layer.tips('点击此处返回客户定单列表', '.layui-layer-setwin .layui-layer-close', {
                                tips: 3
                            });
                        },500);
                    }, end: function () {
                        var data1 = table.cache["test"];
                        t.where = data1.field;
                        //重新加载数据表格
                        table.reload('test',t);
                    }
                });

Four. Actualisez la page actuelle une fois la demande réussie.

$.post("${base}/order/SaveOrder",data.field,
                    function(res){
                        if(res.success){
                            parent.layer.msg("保存成功!",{time:1000},function(){
                                //重新加载当前页面
                                location.reload();
                            });
                        }else{
                            layer.msg(res.message);
                        }
                    });

Five la sous-page actuelle

 //返回
        $("#closePage").click(function(){
            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
            parent.layer.close(index);//关闭弹出的子页面窗口
        });

6 Appelez la méthode de la page parent. après avoir fermé la page actuelle

 function closePagetmp(id,num){
        //调用父页面方法
        window.parent.showPBom(num,id);
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        parent.layer.close(index);//关闭弹出的子页面窗口
    }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!