Lauiuiで現在のページを更新する方法

Layui で現在のページを更新する方法: まず、対応するコード ファイルを開き、次に "$.post("${base}/order/SaveOrder",data.field,function(res){... . }" メソッドは、リクエストが成功した後に現在のページを更新できます。

このチュートリアルの動作環境: Windows10 システム、layui2.5.6、この記事はすべてのブランドのコンピューターに適用できます。

推奨: 「layUI チュートリアル 」

LayUI ページの終了と更新に関する問題

1編集が成功した後、親ページを更新します。

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

2 番目のリクエストが成功した後、データ テーブルを更新します。

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

3 番目に、サブページを閉じて、親ページのデータを更新します。 table

レイヤー プラグインの end コールバック メソッドを呼び出します。

end - レイヤーが破棄された後にトリガーされるコールバック

タイプ: 関数、デフォルト: null

確定でもキャンセルでも、レイヤーが破棄されていればendを実行し、それ以外の場合は任意のパラメータを引き継ぎます

親ウィンドウがレイヤーのポップアップボックスを開いたら、endを追加しますコールバック

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

4、リクエストが成功した後に現在のページを更新します。

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

5、現在のサブページを閉じます。

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

6 コールバックを閉じた後、親ページのメソッドを呼び出します。現在のページ

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

以上がLauiuiで現在のページを更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。