Javascript函數將對象數組轉換爲HTML

-2

我正在做和web應用程序，我需要實現一個函數，將JavaScript中的對象數組轉換爲HTML中的「ul」，但我不知道，所以也許你能不能幫我...Javascript函數將對象數組轉換爲HTML

我有任務物品保存在數據庫中，這是其結果是數據庫給我時，我叫一個GET功能從DB：

{"code": "ok", "data": [ 
     {"done": 1, "deadline": "2012-11-09", "id": 1, "desc": "Go to run"}, 
     {"done": 0, "deadline": "2012-11-09", "id": 2, "desc": "Go to doctor"}, 
     {"done": 0, "deadline": "2012-11-08", "id": 3, "desc": "Go to buy"} 
]}

我必須把每HTML中的任務對象「ul」就像這樣：

<ul> 
<a href="#dialog"><li data-task-id="1"> 
    <p class="desc">Go to run</p> 
    <time datetime="2012-11-09">09/11/2012</time> 
    <p class="done" data-task-done="yes">done</p> 
</li></a> 

<a href="#dialog"><li data-task-id="1"> 
    <p class="desc">Go to doctor</p> 
    <time datetime="2012-11-09">09/11/2012</time> 
    <p class="done" data-task-done="yes">done</p> 
</li></a> 

<a href="#dialog"><li data-task-id="2"> 
    <p class="desc">Go to buy</p> 
    <time datetime="2012-11-09">09/11/2012</time> 
    <p class="done" data-task-done="no">not done</p> 
</li></a>

我需要一個JavaScript函數來從數組創建這個html代碼。

非常感謝。

來源

2012-11-06 dikerex

我敢肯定，你不只是請人寫你的代碼，你*（至少我希望不是這樣）*，所以也許你可以解釋你卡在哪裏。 –

...僅供參考，您所描述的HTML結果無效。 –

它不是一個數組數組，它是一個對象數組。 – jalynn2

你需要在數組迭代

var arr = YOUR_DATA.data; 
var code = ""; 
for (var i=0; i < arr.length; i++) { 
    // This is called for every Item 

    var currentItem = arr[i]; 
    // This is your Item 

    code += '<a [...] <p class="desc">' + currentItem.desc + '</p> [...]' 
    /* 
     Just replace the brackets and write your HTML Code in there 
     If there is a variable write " '+currentItem.VAR_NAME+' " 
    */ 
}

來源

2012-11-06 22:23:21

如果這回答了你的問題，你能接受嗎？ –

Javascript函數將對象數組轉換爲HTML

回答

相關問題