一个json请求到多个DOM目的地 - 如何?

时间:2011-07-22 20:35:47

标签: javascript ajax json xui

我有一个“列表”,我希望用background-json请求填充。 项目有不同的标题,流量应该是最小的(移动webapp), 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? Eval好像很脏......

//结束编辑

使用一个JSON请求填充相应内容div的最有效方法是什么?

  • 温度加载到JS阵列?
  • 临时加载到隐藏的DOM部分?
  • 某些正则表现法或其他我想不到的?

网络稳定性/速度不可靠。

问候,

1 个答案:

答案 0 :(得分:1)

你能在那里获得jQuery吗?你可以用jQuery做一个心跳...