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,   //返回格式为jsonasync: 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(//以此类推
)

今日分享：

明白的越早越好！