使用Promise封装Ajax()

封装Ajax

let _ajax = ({method, url, data}) => {
    return new Promise((resolve, reject) => {
        $.ajax({
            type: method,
            url: url,
            data: data,
            dataType: "json",
            success:function (res) {
                resolve(res);
            },
            error:function (err) {
                reject(err)
            }
        })
    });
}

调用封装好的方法

_ajax("GET","http:localhost:8080/category/list.do",null)
    .then(res => {
        // 成功返回
        console.log(res);
    }).catch(err=>{
        // 异常返回
        console.error(err);
})

说明

• 不太了解Promise用法请查看：https://blog.csdn.net/github_38336924/article/details/100583478
• Promise 写法的固定套路

  return new Promise((resolve, reject) => {
         // 要做的事情
  });
  

• 上面代码遵循ES6，function(){} 换成了 箭头函数() =>{},优点如下：

1. 箭头函数不会创建this，避免this指向问题
2. 代码更简洁