background-json リクエストを入力したい「リスト」があります。項目にはさまざまな見出しがあり、トラフィックは最小限 (モバイル Web アプリ) である必要があり、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>
....
//編集
OK、これは機能します:
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 で動作しないのはなぜですか? Evalは汚れているようです..
//編集終了
それぞれのコンテンツ div に 1 つの JSON リクエストを入力する最も効率的な方法は何でしょうか?
- JS配列への一時的なロード?
- 非表示のDOM部分への一時的なロード?
- いくつかの正規表現のトリックまたは私が考えられない他のものはありますか?
ネットワークの安定性/速度は信頼できません。
よろしく、