jquery自定义封装ajax

自定义封装ajax

因为项目结构为前后端分离，ajax请求很多，前后端的数据结构已经固定，所以就简单的封装了下jquery ajax方法：

$(function () {
//加载弹出层
    layui.use(['form','element'],
    function() {
        layer = layui.layer;
        element = layui.element;
    });
/**
     * ajax封装
     * url 发送请求的地址
     * data 发送到服务器的数据
     * successfn 成功回调函数
     */
    jQuery.axpost=function(url, data, successfn) {
        $.ajax({
            type: "post",
            data: data,
            url: url,
            success: function(d){
                successfn(d);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown){
                if(XMLHttpRequest.status==403){
                    location.href='/lammy/login.html';
                }else{
                    layer.msg(XMLHttpRequest.responseText);
                }
            }
        });
    };

    /**
     * ajax封装
     * url 发送请求的地址
     * data 发送到服务器的数据
     * successfn 成功回调函数
     */
    jQuery.axget=function(url, data, successfn) {
        $.ajax({
            data: data,
            url: url,
            success: function(d){
                successfn(d);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown){
                if(XMLHttpRequest.status==403){
                    location.href='/lammy/login.html';
                }else{
                    layer.msg(XMLHttpRequest.responseText);
                }
            }
        });
    };
})

引入jquery，layer.js
使用很简单：

$.axpost('/checkUser',data.field,function(result){
                    if(result.code==0){
                        location.href='/lammy/index.html';
                    }else{
                        layer.msg(result.message);
                    }
                })

后续封装还可以加点动画效果，验证啥的。。。