Jquery中ajax的模块化使用、js中的规范

第一步：创建ajax.js文件

class Ajax{
    static baseUrl ="http://localhost:3000";
    static common({type="get",url="",data={}}){
        return new Promise((resolve,reject)=>{
            url= this.baseUrl + url
            $.ajax({
                type,
                url,
                data,
                xhrFields: {
                    withCredentials: true
                },
                success: function (response) {
                    resolve(response)
                },
                error:function(error){
                    reject(error)
                }
            });
        })
    }
    static register(data){
        return Ajax.common({ type: "post", url: "/register", data })
     }
    static login(data){
        return Ajax.common({ type: "post", url: "/login", data })
     }
}

第二步在页面中使用

//在login页面中使用为案例
//提交
async function onsubmit(){  //同步函数async 和  await
    let data=$("form").serialize();
    let result = await Ajax.login(data)
   if(result.code) {
       swal('提示', result.msg, 'error');
   }else {
       location.href = "./library.html"
   }
}

js中的规范

let init=()=>{
    initEvent();
}
let initEvent=()=>{
//在这个箭头函数里给 （ du.onclick/也就是dom节点赋函数）（onsubmit和要使用的dom节点对应的函数）
    du.onclick=onsubmit;
   oZh.onclick=two;//巴拉巴拉以此类推
}

function submit(){
    //巴拉巴拉写了一堆代码
}
function two(){
    //巴拉巴拉写了一堆代码
}
init()