封装ajax

lib/layui_plugins/okLayer/okLayer.js

@@ -1,4 +1,5 @@
 layui.define(["layer"], function (exports) {
+    var $ = layui.jquery;
     var okLayer = {
         tableNotCheckMsg: function () {
             layer.msg("未选择有效数据", {offset: "t", anim: 6});
@@ -20,8 +21,10 @@ layui.define(["layer"], function (exports) {
                 layer.msg("未选择有效数据", {offset: "t", anim: 6});
             }
         },
-        ajax: function () {
+        tableOperationMsg: function (content) {
-
+            layer.msg(content, {icon: 1, time: 1000}, function () {
+                $(".layui-laypage-btn")[0].click();
+            });
         }
     }
 

lib/layui_plugins/okUtils/okUtils.js

@@ -0,0 +1,40 @@
+layui.define("layer", function (exports) {
+    var $ = layui.jquery;
+    var okUtils = {
+        baseUrl: "http://localhost:8080",
+        ajax: function (url, type, param) {
+            var deferred = $.Deferred();
+            var loadIndex;
+            $.ajax({
+                url: okUtils.baseUrl + url,
+                type: type || "get",
+                data: param || {},
+                dataType: "json",
+                beforeSend: function () {
+                    loadIndex = layer.load(0, {shade: false});
+                },
+                success: function (data) {
+                    if (data.status == 1000) {
+                        // 业务正常
+                        deferred.resolve(data.data)
+                    } else {
+                        // 业务错误
+                        layer.msg(data.msg, {icon: 7, time: 2000});
+                        deferred.reject("okUtils.ajax warn: " + data.msg);
+                    }
+                },
+                complete: function () {
+                    layer.close(loadIndex);
+                },
+                error: function () {
+                    layer.close(loadIndex);
+                    layer.msg("服务器错误", {icon: 2, time: 2000});
+                    deferred.reject("okUtils.ajax error: 服务器错误");
+                }
+            });
+            return deferred.promise();
+        }
+    }
+
+    exports("okUtils", okUtils);
+});

lib/layui_plugins/okutils/okutils.js

@@ -1,13 +0,0 @@
-layui.define("", function (exports) {
-    var okutils = {
-        isEmpty: function (str) {
-            if (str != null && str.length > 0) {
-                return true;
-            } else {
-                return false;
-            }
-        }
-    }
-
-    exports("okutils", okutils);
-});

user.html

@@ -61,13 +61,15 @@
     layui.config({
         base: "lib/layui_plugins/"
     }).extend({
-        okLayer: "okLayer/okLayer"
+        okLayer: "okLayer/okLayer",
-    }).use(["element", "table", "form", "jquery", "laydate", "okLayer"], function () {
+        okUtils: "okUtils/okUtils"
+    }).use(["element", "table", "form", "jquery", "laydate", "okLayer", "okUtils"], function () {
         var table = layui.table;
         var form = layui.form;
         var $ = layui.jquery;
         var laydate = layui.laydate;
         var okLayer = layui.okLayer;
+        var okUtils = layui.okUtils;
 
         laydate.render({elem: "#startTime", type: "datetime"});
         laydate.render({elem: "#endTime", type: "datetime"});
@@ -118,101 +120,61 @@
                     }
                 });
             } else if (layEvent === "del") {
-                layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
+                okLayer.confirm("确定要删除吗？", function () {
-                    layer.msg("操作成功！", {icon: 1, time: 1000});
+                    okUtils.ajax("/user/batchDel", "post", {idsStr: data.id}).done(function (response) {
-                });
+                        console.log(response)
+                        okLayer.tableOperationMsg("删除成功");
+                    }).fail(function (error) {
+                        console.log(error)
+                    });
+                })
             }
         });
 
         $("#batchEnabled").click(function () {
-            // layer.confirm("确定要批量启用吗？", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 1}, function () {
-            //     var checkStatus = table.checkStatus("tableId");
-            //     var rows = checkStatus.data.length;
-            //     if (rows > 0) {
-            //         var idsStr = "";
-            //         for (var i = 0; i < checkStatus.data.length; i++) {
-            //             idsStr += checkStatus.data[i].id + ",";
-            //         }
-            //         console.log("选择的id-->" + idsStr);
-            //         layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
-            //             $(".layui-laypage-btn")[0].click();
-            //         });
-            //     } else {
-            //         layer.msg("未选择有效数据", {offset: "t", anim: 6});
-            //     }
-            // });
             okLayer.confirm("确定要批量启用吗？", function (index) {
-                var tableCheck = okLayer.tableCheck(table);
-                console.log("tableCheck--->" + tableCheck)
                 layer.close(index);
+                var idsStr = okLayer.tableCheck(table);
+                console.log("idsStr-->" + idsStr)
                 // ajax请求后台api
-                if (tableCheck) {
+                if (idsStr) {
-                    $.ajax({
+                    okUtils.ajax("/user/batchNormal", "post", {idsStr: idsStr}).done(function (response) {
-                        type: "post",
+                        console.log(response)
-                        url: "/user/list",
+                        okLayer.tableOperationMsg("批量启用成功");
-                        dataType: "json",
+                    }).fail(function (error) {
-                        beforeSend: function () {
+                        console.log(error)
-                        },
-                        success: function (data) {
-                            alert(data);
-                        },
-                        complete: function () {
-                        },
-                        error: function () {
-                            alert("error");
-                        }
                     });
                 }
             });
         })
 
         $("#batchDisabled").click(function () {
-            // layer.confirm("确定要批量停用吗？", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 2}, function () {
-            //     var checkStatus = table.checkStatus("tableId");
-            //     var rows = checkStatus.data.length;
-            //     if (rows > 0) {
-            //         var idsStr = "";
-            //         for (var i = 0; i < checkStatus.data.length; i++) {
-            //             idsStr += checkStatus.data[i].id + ",";
-            //         }
-            //         console.log("选择的id-->" + idsStr);
-            //         layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
-            //             $(".layui-laypage-btn")[0].click();
-            //         });
-            //     } else {
-            //         layer.msg("未选择有效数据", {offset: "t", anim: 6});
-            //     }
-            // });
             okLayer.confirm("确定要批量停用吗？", function (index) {
-                var tableCheck = okLayer.tableCheck(table);
-                console.log("tableCheck--->" + tableCheck)
                 layer.close(index);
-                // ajax请求后台api
+                var idsStr = okLayer.tableCheck(table);
+                if (idsStr) {
+                    okUtils.ajax("/user/batchStop", "post", {idsStr: idsStr}).done(function (response) {
+                        console.log(response)
+                        okLayer.tableOperationMsg("批量停用成功");
+                    }).fail(function (error) {
+                        console.log(error)
+                    });
+                }
             });
         })
 
         $("#batchDel").click(function () {
-            // layer.confirm("确定要批量删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
-            //     var checkStatus = table.checkStatus("tableId");
-            //     var rows = checkStatus.data.length;
-            //     if (rows > 0) {
-            //         var idsStr = "";
-            //         for (var i = 0; i < checkStatus.data.length; i++) {
-            //             idsStr += checkStatus.data[i].id + ",";
-            //         }
-            //         console.log("选择的id-->" + idsStr);
-            //         layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
-            //             $(".layui-laypage-btn")[0].click();
-            //         });
-            //     } else {
-            //         layer.msg("未选择有效数据", {offset: "t", anim: 6});
-            //     }
-            // });
             okLayer.confirm("确定要批量删除吗？", function (index) {
-                var tableCheck = okLayer.tableCheck(table);
-                console.log("tableCheck--->" + tableCheck)
                 layer.close(index);
-                // ajax请求后台api
+                var idsStr = okLayer.tableCheck(table);
+                if (idsStr) {
+                    okUtils.ajax("/user/batchDel", "post", {idsStr: idsStr}).done(function (response) {
+                        console.log(response)
+                        okLayer.tableOperationMsg("批量删除成功");
+                    }).fail(function (error) {
+                        console.log(error)
+                    });
+                }
             });
         })
 
@@ -237,8 +199,7 @@
 </script>
 <!--模板-->
 <script type="text/html" id="statusTpl">
-    <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|停用" {{ d.status== 0
+    <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|停用" {{ d.status== 0 ? 'checked' : ''}}>
-           ? 'checked' : ''}}>
 </script>
 <script type="text/html" id="roleTpl">
     {{ d.role == 0 ? '管理员' : '普通用户    '}}