首先导入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>