問題描述

代碼如下：

function $myAjax(url, method, data, callback) {let p = new Promise(function(resolve, reject) { $Ajax.request({url: url,method: method,data: data,success: function(resp) { callback(resp); resolve();},failure: function(xhr) { //todo reject();} });});return p; } let $docs = document; $docs.getElementById(’xxx’).onclick = function() {$myAjax(’https://mhd.uzai.com/api/CommonActive/GetPrizeGivingByUserid’, ’get’, { ’memberid’: 1920740, ’activeid’: 1 }, function(resp) { console.log(resp); console.log(1);}).then($myAjax(’https://mhd.uzai.com/api/CommonActive/GetPrizeGivingByUserid’, ’get’, { ’memberid’: 1920740, ’activeid’: 1 }, function(resp) { console.log(resp); console.log(2);})); };`

也就是說有時(shí)候會(huì)先打印出來2，后打印出來1；

想要執(zhí)行的順序是：1，2

請(qǐng)高手指點(diǎn)！

問題解答

額， 你這個(gè)寫錯(cuò)了，正確寫法如下

$docs.getElementById(’xxx’).onclick = function() { $myAjax(’https://mhd.uzai.com/api/CommonActive/GetPrizeGivingByUserid’, ’get’, { ’memberid’: 1920740, ’activeid’: 1 }, function(resp) {console.log(resp);console.log(1); }).then(function() {$myAjax(’https://mhd.uzai.com/api/CommonActive/GetPrizeGivingByUserid’, ’get’, { ’memberid’: 1920740, ’activeid’: 1 }, function(resp) { console.log(resp); console.log(2);}) });};`回答2：

$docs.getElementById(’xxx’).onclick = async function() {let resp1 = await $myAjax(’https://mhd.uzai.com/api/CommonActive/GetPrizeGivingByUserid’)let resp2 = await $myAjax(’https://mhd.uzai.com/api/CommonActive/GetPrizeGivingByUserid’)}回答3：

你這寫法，就是說沒有調(diào)用reject函數(shù),在成功觸發(fā)后，你的resp輸出的是什么？

你需要用數(shù)組來保證隊(duì)列，用reduce來保證返回值的疊加操作。然后自己實(shí)現(xiàn)promise

推薦用終極方案 async。

首先，你要理解一點(diǎn)，Promise不需要傳callback,Promise就是為了不傳callback回調(diào)的。先看下Promise語法吧。

var promise=new Promise(function(resolve,reject){ //這里面執(zhí)行異步操作， //參數(shù)說明：resolve,reject都是function，異步成功了，執(zhí)行resolve，失敗了執(zhí)行reject //此處使用setTimeout模擬一個(gè)ajax setTimeout(function () {resolve(testData); }, 1000);})promise.then(function success(){//執(zhí)行resolve就等于初始執(zhí)行這個(gè)函數(shù)},function error(){//執(zhí)行reject就等于初始執(zhí)行這個(gè)函數(shù)});//多個(gè)then//promise.then....

建議看看阮一峰寫的教程：Promise

所有 promise 中的then 都是按順序調(diào)度立即執(zhí)行，這些 then 中任意一個(gè)都無法影響或延誤對(duì)其他的調(diào)用。也就是你的第二個(gè) ajax 是不會(huì)等第一個(gè) ajax 請(qǐng)求晚再執(zhí)行。 解決辦法

//ajax 的promise 封裝var ajax1 = new Promise((resolve,reject) => {// request})var ajax2 = new Promise((resolve,reject) => {// request})//調(diào)用ajax1() .then(() => return ajax2()) ....回答8：

請(qǐng)貼出你的代碼，而不是截圖，這是提問的一個(gè)小技巧哦，圖片不怎么清晰。