Extjs: два параллельных вызова ajax

Question

мой код создает два вызова ajax одновременно (я предполагаю, что параллелизм будет более эффективным). Я хочу загрузить таблицу, если оба вызова завершатся успешно. Как правильно это сделать?

Answer 1

var succeeded = {};

function callBackOne(){
     succeeded.one = true;
     // your other stuff
     if (succeeded.two) { bothHaveSucceeded());
}


function callBackTwo(){
     succeeded.two = true;
     // your other stuff
     if (succeeded.one) { bothHaveSucceeded());
}

Answer 2

Старый вопрос, но хорошо, когда я наткнулся на него ...

Я бы использовал превосходную библиотеку async от Caolan, особенно здесь вы захотите использовать async.parallel .

Примеры, написанные на GitHub doc, заслуживают прочтения.

https://github.com/caolan/async#parallel

Answer 3

Я бы использовал задержанную задачу лично:

var success = {
  one: false,
  two: false
};

// Task
var task = new Ext.util.DelayedTask(function(){
   // Check for success
   if (success.one && success.two) {
      // Callback
      doCallback();
   } else {
      task.delay(500);
   }
});
task.delay(500);

// First
Ext.Ajax.request({
   ...
   success: function() {
      success.one = true;
   }
   ...
});

// Second
Ext.Ajax.request({
   ...
   success: function() {
      success.two = true;
   }
   ...
});

Задача acts, как поток, будет проверять состояние запросов и sleep каждые 500 мс, пока они не завершатся.

Answer 4

Поделитесь целочисленной переменной, которую проверяет каждый обратный вызов:

// count variable
var numReturns = 0;

// same call back used for each Ajax request:
function callback() {
    numReturns++;
    if (numReturns === 2) {
        progress();
    }
}

Если вам нужны разные обратные вызовы, пусть каждый обратный вызов запускает событие, которое делает то же самое.