jquery.ajax与axios及定义拦截器

首先导入jquery和axios包

jquery.ajax

function reg(){
            var username = $("#username").val();
            var password = $("#password").val();
        //     $.ajax({
        //         url:"/supermarket/do_reg",
        //         data:{"username":username,'password':password},
        //         type:"POST",
        //         dataType:"json",
        //         success:function(obj){
        //             alert(obj.mes);
        //         },
        //         //前置操作
        //         beforeSend:function(){
        //             //将按钮设置失效
        //             $("#sub").attr({disabled:"disabled"})
        //         },
        //         //后置操作
        //         complete:function(){
        //             //设置按钮生效
        //             $("#sub").removeAttr("disabled");
        //         }
        //     })
        //  }

axios

<script>
        function reg(){
            var username = $("#username").val();
            var password = $("#password").val();
        //使用axios来请求接口
        //初始化传参
        let param = new URLSearchParams();
        //将参数传递给对象
        param.append('username',username);
        param.append('password',password);
        //定义拦截器
        axios.interceptors.request.use(function(config){
            //将按键设置失效
            $("#sub").attr({disabled:"disabled"})
            //显示提示文字
            $("#waite").show();
            //返回配置文件
            return config;   
        });
        axios({
            //指定请求地址
            url:'/supermarket/do_reg',
            //请求参数
            data:param,
            //请求类型
            method:'post',
            //接口返回值类型
            resposeType:"json"
        })
        .then(function(obj){
            //将按钮失效去除
            $("#sub").removeAttr("disabled");
            //将提示文字隐藏
            $("#waite").hide()
            // console.log(obj);
            alert(obj.data.mes);
            //进行页面跳转
            if(obj.data.mes=="注册成功"){
                window.location.href="/supermarket/login";
            }
        });
    } 
    
    </script>