ajax方法封装

最新推荐文章于 2023-09-06 10:10:27 发布

JustStand

最新推荐文章于 2023-09-06 10:10:27 发布

阅读量197

点赞数

CC 4.0 BY-SA版权

文章标签： ajax请求 ajax封装

本文链接：https://blog.youkuaiyun.com/qq_42031498/article/details/98051941

本文介绍了一个用于处理公共请求的函数，该函数通过Ajax调用后端API，支持不同类型的请求，如GET、POST等，并提供了错误处理机制。文章详细解释了如何使用此函数进行身份验证、缓存控制、数据格式化及错误状态码的处理。

//公共请求函数
function TrackAjaxString(url, data, type, successCallBack, isCache, beforeSendCallBack, completeCallBack) {
    var token = CookieUtil.getCookie(COOKIE_TOKEN_NAME);
    if (isEmpty(token)) {
        window.top.location = VIRTUAL_PATH + '/login';
        return;
    }
    if (isEmpty(isCache)) isCache = false;
    var headers = {};
    headers.Authorization = token;

    layui.use('layer', function () {
        var $ = layui.jquery
            , layer = layui.layer;
        var layerIndex;
        $.ajax({
            type: type,
            cache: isCache,
            contentType: "application/json",
            dataType: "text",
            headers: headers,
            url: WEB_API_ADRESS + url,
            data: JSON.stringify(data),
            traditional: true,
            beforeSend: function () {
                if (beforeSendCallBack) {
                    beforeSendCallBack();
                } else {
                    layerIndex = layerLoad();
                }
            },
            success: function (result) {
                var data = JSON.parse(result);
                if (data.RetCode == 0) {
                    successCallBack(data.Result, data);
                } else {
                    layerMsg(data.Msg, 5);
                }
            },
            complete: function () {
                if (completeCallBack) {
                    completeCallBack();
                } else {
                    top.layer.close(layerIndex);
                }
            },
            error: function (xmlHttpRequest, textStatus, errorThrown) {
                switch (xmlHttpRequest.status) {
                    case 400:
                        layerMsg(JSON.parse(xmlHttpRequest.responseText).Msg, 2);
                        break;
                    case 401:
                        layer.alert('登录超时，请重新登录！', {
                                skin: 'layui-layer-lan'
                                , closeBtn: 1
                                , anim: 4 //动画类型
                                , icon: 7
                            }
                            , function (index) {
                                layer.close(index);
                                window.top.location = "/login";
                            }
                        );
                        break;
                    case 403:
                        layerMsg('权限不足！', 4);
                        break;
                    case 404:
                        layerMsg('要操作的条目不存在！', 5);
                        break;
                    default:
                        layerMsg('网络错误！', 2);
                        break;
                }
            }
        });
    });
}