2011-07-22 50 views
1

我有一個「列表」,我想填充background-json請求。 項目有不同的標題和交通應該是最小的(移動網絡應用程序), DOM結構是這樣的:一個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> 
    .... 

//編輯

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看起來髒..

//結束編輯

什麼會是一個單一的JSON請求填充相應的內容div的最有效的方法是什麼?

  • 臨時加載到JS數組?
  • 臨時加載到隱藏的DOM部分?
  • 一些正則表達式技巧或其他我想不到的?

網絡穩定性/速度是不可靠的。

問候,

+1

鉻可以解析JSON罰款。打開一個chrome控制檯並鍵入:JSON.parse('{「foo」:「bar」}')就是說,JSON.parse在不同的瀏覽器上是松鼠的,我認爲出於某種原因,我記得Chrome在換行時遇到了問題一點的字符。無論如何,使用eval會讓你自己被黑客入侵。 – JSager

回答

1

你可以在那裏得到jQuery?你可以在jQuery的心跳...

+0

相信普通的jq太重了,jq-mobile不是真的我的東西 - 太多的iPhone想念...感謝信息無論如何,:-) – Teson