Получить ответ второго вызова от обещания первого зова в

Question

getAjaxPromise(myUrl, true, myType, myContentType, mySuccessFunction, myFailureFunction, myData, true)  .then(function(data) 
{ 
//Do something with the data returned form second Ajax call. 
//But data returned here is from first ajax. 
}); 


self.getAjaxPromise = function(url, async, type, contentType, successCallback, errorCallback, data, isSecureCall) 
{ 
    if (isSecureCall) { 
    var tokenPromise = getTokenPromiseFromServer(); //Another Ajax call to get latest token from service 
    tokenPromise.then(function(tokenData) { //This then runs fine 
     return $.ajax({ 
     beforeSend: function(request) { 
      request.setRequestHeader("authKey", tokenData.key); 
     }, 
     url: url, 
     async: async, 
     type: type, 
     contentType: contentType, 
     success: 
     successCallback, 
     error: errorCallback, 
     data: JSON.stringify(data) 
     }); 
    }); 
    } else { //Just one ajax call 
    return $.ajax({ 
     beforeSend: function(request) { 
     request.setRequestHeader("authKey"  , "anonymous"); 
     }, 
     url: url, 
     async: async, 
     type: type, 
     contentType: contentType, 
     success: successCallback, 
     error: errorCallback, 
     data: JSON.stringify(data) 
    }); 
    } 
}; 

В приведенной выше коде, когда я пишу .then() я получаю ответ первого вызова Ajax, я не нужен ответ первого AJAX, а я хочу, чтобы получить ответ ajax внутри первого ajax's then().

Как я могу это достичь?

P.S: Я отредактировал вопрос и добавил код для справки.

Answer 1

Причина это происходит потому, что вы возвращенная обещание return getTokenPromiseFromServer() , Оператор возврата из обратного вызова .then, прикрепленный к этому обещанию, не выполняется до завершения первоначального вызова ajax. Таким образом, ваш обработчик .then фактически привязан к обещанию от getTokenPromiseFromServer(), а не к вложенному вызову $.ajax.

Вам понадобится рефинансирование вашего кода. jQuery предоставляет метод ожидания всех обещаний в списке обещаний для решения перед выполнением обратного вызова с использованием $.whenhttps://api.jquery.com/jquery.when/ В зависимости от ваших потребностей вариант ниже может быть более уместным, но это один из способов достижения этого.

Вот пример:

$.when(promise1, promise2, promise3).done(function (d1, d2, d3) { 
    //d1 = data from promise1 
    //d2 = data from promise2 
    //d3 = data from promise3 
}); 

При выполнении кода, чтобы получить обещание, вы можете вернуть список обещаний, а и использовать $.when ждать, пока все обещания не будут решены.

Вы можете уйти с меньшим количеством рефакторинга, если вы не заботитесь об getTokenPromiseFromServer() снаружи от getAjaxPromise. В этом случае вы можете вручную создать отложенную, вернуть ее с getAjaxPromise, а затем в обратном вызове для getTokenPromiseFromServer() вы можете вручную разрешить отложенную так. Поскольку вы возвращаете свой собственный отложенный объект, тогда к нему прикрепляется обработчик .then и не выполняется до тех пор, пока вы вручную не разрешите отложенное (которое вы выполняете после разрешения вложенного $.ajax. Используя этот подход, вы можете вложить любое количество Ajax звонков, и поведение будет таким же.

if (isSecureCall) { 
    var dfd = $.Deferred(); //create deferred 
    getTokenPromiseFromServer().then(function(tokenData) { 
    $.ajax({ 
     beforeSend: function(request) { 
     request.setRequestHeader("authKey", tokenData.key); 
     }, 
     url: url, 
     async: async, 
     type: type, 
     contentType: contentType, 
     success: successCallback, //Success callback runs fine, then() does not 
     error: errorCallback, //Error callback runs fine, then() does not 
     data: JSON.stringify(data) 
    }).then(function(data, textStatus, jqXHR) { 
       dfd.resolve(data); //manually resolve the deferred which executes any callbacks attached to it 
      }); 
    }); 
    return dfd; //return the deferred, which .then() will attach to 
} 

EDITпоскольку люди продолжают downvoting этого ответа

Как @ jfriend00 указал в своем ответе, это считается обещанием антишаблон и его следует избегать, поскольку это может вызвать проблемы в более сложных ex сценарии. Спасибо ему за исправление моего понимания обещаний. Дополнительную информацию см. В его ответе.

Вместо этого обещания могут быть скованы простым возвратом обещания на высшем уровне. и вызывая .then по возвращенному обещанию, вместо того, чтобы вручную создавать отложенное и разрешать его.

Answer 2

Я не знаком с этим методом, но почему бы вам не использовать простой JQuery Ajax вызов внутри JQuery Ajax называют

$.ajax({//params)}.done(() => { // other ajax call.  
    $.ajax({ //params}).done((result) => {//target code 
              }); 
}) 

Answer 3

Чтобы сделать .then() работы по внешней функции, вы должны вернуть верхнее обещание уровня внутри этой функции, как это:

self.getAjaxPromise = function (url, async, type, contentType, data, isSecureCall) { 
    if (isSecureCall) { 
     // return the outer promise from the function so .then() will work 
     return getTokenPromiseFromServer().then(function (tokenData) { //This then runs fine 
      // return this ajax call to chain it to the previous promise 
      return $.ajax({ 
       beforeSend: function (request) { 
        request.setRequestHeader("authKey", tokenData.key); 
       }, 
       url: url, 
       async: async, 
       type: type, 
       contentType: contentType, 
       data: JSON.stringify(data) 
      }); 
     }); 
    } else { //Just one ajax call 
     return $.ajax({ 
      beforeSend: function (request) { 
       request.setRequestHeader("authKey", "anonymous"); 
      }, 
      url: url, 
      async: async, 
      type: type, 
      contentType: contentType, 
      data: JSON.stringify(data) 
     }); 
    } 
}; 

Затем, вы можете назвать его просто так и все результаты будут вернулся в .then() обработчика и любые ошибки будут распространяться все путями назад:

xxx.getAjaxPromise(...).then(function(result) { 
    // sucessfull result here 
}, function(err) { 
    // error here 
}); 

---

Создания дополнительного обещания или отложить, поскольку предложенный другим ответом, считается promise anti-pattern, поскольку он совершенно не нужен и часто создает проблемы с обработкой ошибок. Вместо этого вы можете просто вернуть обещание, которое у вас уже есть, и, когда у вас есть вложенное обещание, вы можете вернуть его из обработчика .then(), и он будет автоматически привязан к первому обещанию и будет контролировать конечный результат обещания. Это позволит вашему внешнему обработчику .then() работать и получить правильный результат.