2011-07-22 14 views
1

私はbackground-jsonリクエストを入力したい "リスト"を持っています。 アイテムは異なる見出しを持っていると、トラフィックは最小限でなければなりません(モバイルWebアプリケーション)、などの DOM構造の何か:複数のDOM宛先への1つのjson-request - 方法

<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

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で動作しませんか?評価は、1つのJSON-要求にそれぞれのコンテンツ-divを移入するための最も効率的な方法だろう何

は//エンド編集

...汚れているようですか?

  • Temp load into JS-array?
  • 隠されたDOM部分に負荷がかかりますか?
  • regexp-trickやその他の私は考えることができませんか?

ネットワークの安定性/速度は信頼性がありません。

について、

+1

クロムはJSONの細かい部分を解析できます。 JSON.parse( '{"foo": "bar"}')JSON.parseはさまざまなブラウザ上でsquirrellyなので、何らかの理由で私はChromeで改行に問題があると思います文字を一点で表示します。それにもかかわらず、evalを使用することは、ハッキングのために自分自身を設定しています。 – JSager

答えて

1

ここでjQueryを入手できますか?あなたはjQueryでハートビートでそれを行うことができます...

+0

普通のjqはあまりにも重く、jq-mobileは本当に私のことではありません - あまりにも多くのiPhone-wannabe ...とにかく感謝しています。 – Teson

関連する問題