promise简单封装ajax 完美嵌套多个ajax请求

转载请注明出处并留个言哈，分享快乐~！

request.js文件，注意网页头部script标签加载顺序

function myAjax(json, callback) {
    var p = new Promise(function (resolve, reject) {
        $.ajax({
            url: json.url,    //请求的url地址
            dataType: json.dataType,   //返回格式为json
            async: json.isAsync,//请求是否异步，默认为异步，这也是ajax重要特性
            data: json.data,    //参数值
            type: json.method,   //请求方式
            success: function (response) {
                //请求成功时处理
                callback(response);
                resolve();
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                //请求出错处理
                if (XMLHttpRequest.status == "401") {
                    window.parent.location = '/enterprise/enterprise_login.html';
                    self.location = '/enterprise/enterprise_login.html';
                } else {
                    alert(XMLHttpRequest.responseText);
                }
                reject();
            }
        });
    });
    return p;
}

/**
 * 请求get方法
 * url
 * data 以对象的格式传入
 */
function getRequest(url, data, callback) {
    return myAjax({
        url: url,
        method: 'GET',
        dataType: 'json',
        isAsync: true,
        data: data,
        header: {
            'Content-Type': 'application/json'
        }
    },callback)
}

/**
 * 请求post方法封装
 * url
 * data 以对象的格式传入
 */
function postRequest(url, data, callback) {
    return myAjax({
        url: url,
        method: 'POST',
        dataType: 'json',
        isAsync: true,
        data: data,
        header: {
            "content-type": "application/json"
        },
    },callback)
}

任意网页加载后直接复用代码调用，示例：

var indexData = postRequest("http://cms.hyphone.top/api/Cms/index",'',(res)=>{
    console.log("+++++++++++",res);
});

嵌套调用示例：

ajax('/prefix/entity1/action1',null, function(res){
   //第一个调用ajax应该做的事
   someData.attr1 = res.attr1;
    ajax('/api/action1', someData, function(res){
     //do something on response
   }
}).then(
    //第二个调用ajax应该做的事
   ajax('/api/action2', someData, function(res){
     //do something on response
   }
).then(
    //第三个调用ajax应该做的事
   initVue() ;
).then(
   //以此类推
)

今日分享：

明白的越早越好！

1. 早买房子，越早越好
2. 车子便宜的就行，能代步即可
3. 一定要学会演讲
4. 东西长期用药买好的
5. 别与亲朋好友深度合作
6. 树立终身学习的观念
7. 坚持锻炼身体
8. 习惯孤独，习惯一个人
9. 一定要学创业，不要一直选打工
10. 打工要干有提成的，别干固定工资的