У меня есть «список», который я хочу заполнить запросом background-json.
Предметы имеют разные заголовки и трафик должен быть минимальным (мобильное веб-приложение),
DOM-структура что-то вроде:
<div id="deckStart">
<div id="cardContacts">
<h2>Contacts</h2>
<div id="cardContactsContent">nothing here until JSON</div>
</div>
<div id="cardTodo">
<h2>To do</h2>
<div id="cardTodoContent">nothing here until JSON</div>
....
// EDIT
ОК, это работает:
x$(window).on('load', function() {
x$(window).xhr('json.txt', {
async: true,
callback: function() {
var t = eval('(' + this.responseText + ')');
for(var key in t) {
var obj = t[key];
x$('#' + key).html('inner',obj);
}
}
});
но почему JSON.parse не работает на chrome? Эвал кажется грязным ..
// конец редактирования
Какой самый эффективный способ заполнить соответствующие div-элементы контента одним JSON-запросом?
- Временная загрузка в JS-массив?
- Временная загрузка в скрытую DOM-часть?
- Какой-нибудь трюк с регулярным выражением или другой, о котором я не могу думать?
Стабильность / скорость сети ненадежна.
привет,