【ajaxUtil.js】ajax工具

src/main/java/cn/stylefeng/guns/modular/position/PositionViewController.java

@@ -1,4 +1,4 @@
-package cn.stylefeng.guns.modular.controller;
+package cn.stylefeng.guns.modular.position;
 
 import cn.stylefeng.roses.kernel.resource.api.annotation.ApiResource;
 import cn.stylefeng.roses.kernel.resource.api.annotation.GetResource;

src/main/webapp/assets/common/js/common.js

@@ -131,7 +131,8 @@ layui.config({
     iconPicker: '../../expand/module/iconPicker/iconPicker',
     ztree: '../../expand/module/ztree/ztree-object',
     ax: '../../expand/module/ax/ax',
-    func: '../../expand/module/func/func'
+    func: '../../expand/module/func/func',
+    ajaxUtil: '../../expand/module/ax/ajaxUtil'
 }).use(['layer', 'admin'], function () {
     var $ = layui.jquery;
     var layer = layui.layer;

src/main/webapp/assets/expand/module/ax/ajaxUtil.js

@@ -0,0 +1,47 @@
+layui.define(['jquery'], function (exports) {
+    var $ = layui.$;
+
+    var ajaxUtil = {
+        post: function (url, params, suc, err, contentType, async) {
+            ajaxUtil.sendAjax(url, params, 'POST', suc, err, contentType, async);
+        },
+        get: function (url, params, suc, err, contentType, async) {
+            ajaxUtil.sendAjax(url, params, 'GET', suc, err, contentType, async);
+        },
+        get: function (url, suc, err, contentType, async) {
+            ajaxUtil.sendAjax(url, '', 'GET', suc, err, contentType, async);
+        },
+        get: function (url, suc, err) {
+            ajaxUtil.sendAjax(url, '', 'GET', suc, err, null, null);
+        },
+        sendAjax: function (url, params, method, suc, err, contentType, async) {
+            $.ajax({
+                url: url,
+                cache: false,
+                async: async == undefined ? false : async,
+                data: params == undefined ? '' : params,
+                type: method == undefined ? "POST" : method,
+                contentType: contentType == undefined ? 'application/json; charset=UTF-8' : contentType,
+                dataType: "json",
+                success: function (data) {
+                    if (data.code = '00000') {
+                        if (suc !== undefined && typeof suc == "function") {
+                            suc(data);
+                        }
+                    } else {
+                        if (err !== undefined && typeof err == "function") {
+                            err(data);
+                        }
+                    }
+
+                },
+                error: function (data) {
+                    if (err !== undefined && typeof err == "function") {
+                        err(data);
+                    }
+                }
+            });
+        }
+    }
+    exports("ajaxUtil", ajaxUtil);
+});

src/main/webapp/assets/modular/system/position/position.js

@@ -19,47 +19,14 @@ layui.use(['table', 'admin', 'ax', 'form', 'func'], function () {
     Position.initColumn = function () {
         return [[
             {type: 'checkbox'},
-            {
+            {field: 'positionId', hide: true, title: '主键id'},
-                field: 'positionId',
+            {field: 'positionName', sort: true, title: '职位名称'},
-                hide: true,
+            {field: 'positionCode', sort: true, title: '职位编码'},
-                title: '主键id'
+            {field: 'positionRemark', sort: true, title: '备注'},
-            },
+            {field: 'createTime', sort: true, title: '创建时间'},
-            {
+            {field: 'updateTime', sort: true, title: '更新时间'},
-                field: 'positionName',
+            {field: 'status', sort: true, templet: '#statusTpl', title: '状态'},
-                sort: true,
+            {align: 'center', toolbar: '#tableBar', title: '操作'}
-                title: '职位名称'
-            },
-            {
-                field: 'positionCode',
-                sort: true,
-                title: '职位编码'
-            },
-            {
-                field: 'positionRemark',
-                sort: true,
-                title: '备注'
-            },
-            {
-                field: 'createTime',
-                sort: true,
-                title: '创建时间'
-            },
-            {
-                field: 'updateTime',
-                sort: true,
-                title: '更新时间'
-            },
-            {
-                field: 'status',
-                sort: true,
-                templet: '#statusTpl',
-                title: '状态'
-            },
-            {
-                align: 'center',
-                toolbar: '#tableBar',
-                title: '操作'
-            }
         ]];
     };
 

src/main/webapp/assets/modular/system/position/position_add.js

@@ -15,29 +15,23 @@ var PositionInfoDlg = {
     }
 };
 
-layui.use(['form', 'admin', 'ax'], function () {
+layui.use(['form', 'admin', 'ax', 'ajaxUtil'], function () {
     var $ = layui.jquery;
     var $ax = layui.ax;
     var form = layui.form;
     var admin = layui.admin;
+    var ajaxUtil = layui.ajaxUtil;
 
     //表单提交事件
     form.on('submit(btnSubmit)', function (data) {
-        var ajax = new $ax(Feng.ctxPath + "/hrPosition/add", function (data) {
+        ajaxUtil.post(Feng.ctxPath + "/hrPosition/add", JSON.stringify(data.field), function (res) {
+            admin.closeThisDialog();
             Feng.success("添加成功！");
-
-            //传给上个页面，刷新table用
             admin.putTempData('formOk', true);
 
-            //关掉对话框
+        }, function (res) {
             admin.closeThisDialog();
-
+            Feng.error("添加失败！" + res.responseJSON.message);
-        }, function (data) {
-            Feng.error("添加失败！" + data.responseJSON.message)
         });
-        ajax.set(data.field);
-        ajax.start();
-
-        return false;
     });
 });

src/main/webapp/assets/modular/system/position/position_edit.js

@@ -15,34 +15,30 @@ var PositionInfoDlg = {
     }
 };
 
-layui.use(['form', 'admin', 'ax'], function () {
+layui.use(['form', 'admin', 'ax', 'ajaxUtil'], function () {
     var $ = layui.jquery;
     var $ax = layui.ax;
     var form = layui.form;
     var admin = layui.admin;
-
+    var ajaxUtil = layui.ajaxUtil;
     //获取详情信息，填充表单
-    var ajax = new $ax(Feng.ctxPath + "/hrPosition/detail?positionId=" + Feng.getUrlParam("positionId"));
+
-    var result = ajax.start();
+    ajaxUtil.get("/hrPosition/detail?positionId=" + Feng.getUrlParam("positionId"), function (res) {
-    form.val('positionForm', result.data);
+        form.val('positionForm', res.data);
+    }, function (res) {
+        admin.closeThisDialog();
+        Feng.error("编辑异常！" + res.responseJSON.message);
+    });
 
     //表单提交事件
     form.on('submit(btnSubmit)', function (data) {
-        var ajax = new $ax(Feng.ctxPath + "/hrPosition/edit", function (data) {
+        ajaxUtil.post(Feng.ctxPath + "/hrPosition/edit", JSON.stringify(data.field), function (res) {
-            Feng.success("更新成功！");
+            Feng.success("修改成功!");
-
-            //传给上个页面，刷新table用
             admin.putTempData('formOk', true);
-
-            //关掉对话框
             admin.closeThisDialog();
-
+        }, function (res) {
-        }, function (data) {
+            admin.closeThisDialog();
-            Feng.error("更新失败！" + data.responseJSON.message)
+            Feng.error("修改失败!" + res.responseJSON.message);
         });
-        ajax.set(data.field);
-        ajax.start();
-
-        return false;
     });
 });

src/main/webapp/pages/modular/system/position/position_add.html

@@ -7,6 +7,7 @@
             <div class="layui-card-body">
                 <div class="layui-form-item layui-row">
                     <input name="positionId" type="hidden"/>
+
                     <div class="layui-inline layui-col-md12">
                         <label class="layui-form-label">职位名称<span style="color: red;">*</span></label>
                         <div class="layui-input-block">

src/main/webapp/pages/modular/system/position/position_edit.html

@@ -7,22 +7,23 @@
             <div class="layui-card-body">
                 <div class="layui-form-item layui-row">
                     <input name="positionId" type="hidden"/>
+
                     <div class="layui-inline layui-col-md12">
                         <label class="layui-form-label">职位名称<span style="color: red;">*</span></label>
                         <div class="layui-input-block">
-                            <input id="name" name="name" placeholder="请输入职位名称" type="text" class="layui-input" lay-verify="required" required/>
+                            <input id="positionName" name="positionName" placeholder="请输入职位名称" type="text" class="layui-input" lay-verify="required" required/>
                         </div>
                     </div>
                     <div class="layui-inline layui-col-md12">
                         <label class="layui-form-label">职位编码<span style="color: red;">*</span></label>
                         <div class="layui-input-block">
-                            <input id="code" name="code" placeholder="请输入职位编码" type="text" class="layui-input" lay-verify="required" required/>
+                            <input id="positionCode" name="positionCode" placeholder="请输入职位编码" type="text" class="layui-input" lay-verify="required" required/>
                         </div>
                     </div>
                     <div class="layui-inline layui-col-md12">
                         <label class="layui-form-label">顺序<span style="color: red;">*</span></label>
                         <div class="layui-input-block">
-                            <input id="sort" name="sort" placeholder="请输入顺序" type="text" class="layui-input" lay-verify="required" required/>
+                            <input id="positionSort" name="positionSort" placeholder="请输入顺序" type="text" class="layui-input" lay-verify="required" required/>
                         </div>
                     </div>
                     <div class="layui-inline layui-col-md12">