我有一个“列表”,我想用 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>
....
//编辑
好的,这有效:
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似乎很脏..
//结束编辑
用一个 JSON 请求填充各个内容 div 的最有效方法是什么?
- 临时加载到 JS 数组中?
- 临时加载到隐藏的 DOM 部分?
- 一些正则表达式技巧或其他我想不到的?
网络稳定性/速度不可靠。
问候,