Зависимость от данных в модуле

Question

Я создаю приложение интернет-магазина, состоящее из нескольких модулей. Первый модуль - это модуль данных, который предоставляет данные для остальной части приложения, а также несколько полезных методов. Вот главная суть модуля:

app.data = (function (pubsubService) { 
//This is where the data is fetched 
var items = app.UTILS.getAJAX('data.json', JSON.parse, false); 
/* Items methods */ 
var getItems = function() { 
    return items; 
}; 
var getItemsLength = function() { 
    return items.length; 
}; 
function updateItemStock(item, amount) { 
    item.stock -= Number(amount); 
} 
return { 
    getItems: getItems, 
    getItemsLength: getItemsLength; 
}; 
})(app.pubsub); 

Элементы, вар вызывается через Ajax, с помощью следующей вспомогательной функции:

function getAJAX(url, callback, async) { 
    async = async || true; 
    var xhr = new XMLHttpRequest(); 
    xhr.open('get', url, async); 
    xhr.onload = function() { 
     callback(this.responseText); 
    }; 
    xhr.send(); 
} 

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

*** EDIT **** Это пример другого модуля, который зависит от данных:

app.mainView = (function (data, pubsubService) { 
var items = []; 
var generateItems = function (firstItemIndex, stopIndex) { 
    var dataLength = data.length; 
    stopIndex = (stopIndex < dataLength) ? stopIndex : dataLength; 
    items = data.slice(firstItemIndex, stopIndex); 
    pubsubService.publish('itemsGenerated'); 
}; 
var getItems = function() { 
    return items; 
}; 

return { 
    generateItems: generateItems, 
    getItems: getItems 
}; 
})(app.data.getItems(), app.pubsub); 

ли этот модуль действительно нужно определить внутри обратного вызова AJAX для этой работы ? Я не являюсь поклонником этого решения

Answer 1

Любая операция, требующая данных, поступающих из Ajax, должна быть записана в методе обратного вызова. Поэтому всякий раз, когда доступны данные, ваш код будет вызываться.

Перезвонить вам метод, как следующие:

getAJAX(url, function(data){ 
// write any code that want data from Ajax. 
}, true); 

Альтернатива:

function doSomeThing(data) 
{ 
// do something 
} 

getAJAX(url, function(data){ 
    doSomeThing(data); 
    }, true); 

Or 

getAJAX(url,doSomeThing, true); 

Не делать вызов, имеющий Async ложь. это приведет к тому, что пользовательский интерфейс UI будет вялым.

*** EDITED ***

Я использовал свой код, чтобы упростить его.

// Modified it in a method that can be put anywhere you want 
app.methodName = function(data, pubsubService) { 
    var items = []; 
    var generateItems = function(firstItemIndex, stopIndex) { 
     var dataLength = data.length; 
     stopIndex = (stopIndex < dataLength) ? stopIndex : dataLength; 
     items = data.slice(firstItemIndex, stopIndex); 
     pubsubService.publish('itemsGenerated'); 
    }; 
    var getItems = function() { 
     return items; 
    }; 

    return { 
     generateItems : generateItems, 
     getItems : getItems 
    }; 
}; 

И

// call that method in a callback like this. 
app.mainView = app.methodName(app.data.getItems(), app.pubsub); 

Это, как вы можете написать одну строку кода в функции обратного вызова, чтобы получить работу, которая будет удалять сложность также.