В чём особенность загрузки данных, через $.getJSON?

Question

[Сергей Сунцев]

Загружаю json данные из файла и передаю их в переменную.

var tests;
var data = $.getJSON( "html.json", function() {
  tests = JSON.parse(data.responseText);
});

Далее их обрабатываю, через шаблонизатор lodash.

var genListData = _.template(document.getElementById('list-template').innerHTML);
document.write(genListData(tests[1]));

Когда данные не в отдельном файле, а сразу в переменной, то всё нормально, всё работает
var tests ={ some json };

Но не хочется постоянно при обновлении данных лесть в скрипт. гораздо удобней иметь отдельный JSON файл. Подскажите, может я что-то не учёл при загрузке файла?

UPD// при перезагрузке страницы, обнаружил, что иногда всё таки файл успевает загрузится и всё работает, но это случается редко.

Comments

[Сергей]

$.getJSON работает асинхронно

[Сергей Сунцев]

Сергей: Меняю код на такой :
var data = $.ajax({
dataType: "json",
url: 'html.json',
async: true,
success: function() {
questions = JSON.parse(data.responseText);
}
});

В этот раз json подгружается, но почему то стили не грузятся, в чём может быть проблема? Магия какая-то...

[Сергей]

Сергей Сунцев: возможно Вьі єтим document.write(genListData(tests[1])); перетираете хтмл вместе сщ стилями.

[Сергей Сунцев]

Сергей: Ух ты !!! Ты прав, ну от куда мне знать, что этот write затирает стили, а скрипты не трогает. Спасибо!!!

[Сергей Сунцев]

Сергей: (Сделал через innerHTML)