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>