JavaScript/jQuery AJAX - получение моих асинхронных данных обратно в мою синхронную программу

Question

У меня есть пара функций, которые используют вызов jQuery AJAX для извлечения XML-файла с моего сервера и преобразования его в нечто полезное. Посмотрите на следующий код:

getBalanceXML: function (callback) { 
    $.ajax({ 
     type: 'GET', 
     url: 'Content/saldotracking.xml', 
     dataType: 'xml', 
     success: callback, 
     error: function() { throw new Exception("getBalanceXML(): Failed to load XML file"); } 
    }) 
}, 

getBalanceBarChart: function (xml) { 
    var balanceArray = []; 
    $(xml).find('Balance').each(function() { 
     var nodeObject = { 
      //fill a JavaScript object with values from the XML file in the format I need 
      } 
     balanceArray.push(nodeObject); 

    }); 
    console.log(balanceArray); 
    return balanceArray; 
} 

Теперь, когда я называю эту функцию:

var stuff = getBalanceXML(getBalanceBarChart); 
alert(typeof(stuff)); 

материал вар еще не определено. Следуя другим ответам на StackOverflow, я передаю функцию getBalanceChart в качестве параметра функции getBalanceXML, которая выполняет вызов AJAX. Успех! Теперь getBalanceChart может также использовать XML-файл, полученный от вызова AJAX. Однако все, что я сделал, это переместить проблему синхронизации в другую функцию. Наступает момент, когда синхронной части моей программы нужен массив, который поступает из асинхронной функции.

Что мне делать?

Answer 1

отредактированы добавить код

Проблема заключается в том, что на этой линии, то назначение происходит до завершения функции, отсюда и «неопределенного» результат

var stuff = getBalanceXML(getBalanceBarChart); 

Если я правильно понимаю вашу потребность правильно , это должно сортировать вас:

1. s туф глобально доступной переменной

2. В вашем getBalanceBarChart не возвращают значение, а не назначать его вещи непосредственно

3. (по желанию) можно затем, по-прежнему в функции getBalanceBarChart, инициировать некоторые другие действия, которые вы можете предпринять.

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

Надеюсь, что это поможет.

getBalanceBarChart: function (xml) { 
var balanceArray = []; 
$(xml).find('Balance').each(function() { 
    var nodeObject = { 
     //fill a JavaScript object with values from the XML file in the format I need 
     } 
    balanceArray.push(nodeObject); 

}); 
console.log(balanceArray); 

// DO not return value, instead assign it to a variable directly, 
// since this will only occur after any asynchronous processing 

myGlobalVariable = balanceArray; 

// optional : someOtherFunction(); 
} 

Answer 2

То, что происходит в том, что вы присваиваете stuff значение, возвращаемое из getBalanceXML, что нет ничего, или undefined. Вызов AJAX не блокируется, поэтому getBalanceXML запускает AJAX и сразу же выходит из функции.

Я хотел бы сделать что-то вроде этого:

$.ajax({ 
    type: 'GET', 
    url: 'Content/saldotracking.xml', 
    dataType: 'xml'   
}).done(function(xml) { 
    var balanceArray = []; 
    $(xml).find('Balance').each(function() { 
     var nodeObject = { 
      //fill a JavaScript object with values from the XML file in the format I need 
     } 
     balanceArray.push(nodeObject); 
    }); 
    console.log(balanceArray); 

    // Do something with balanceArray 
    // ex. updateBalance(balanaceArray); 

}).fail(function() { 
    throw new Exception("getBalanceXML(): Failed to load XML file"); 
});