2012-09-27 218 views
1

我有這樣的結構:JSON數據和HTML表格

HTML部分:

<table id="table_div" class="table table-striped table-condensed"><tbody></tbody></table> 

JS部分:

var data = json_response['data']; 

    $("#table_div").html('<thead><tr><td>TIMESTAMP</td><td>VALUE</td></tr></thead>'); 

    $.each(data, function(index, value) { 
    $('#table_div > tbody:last').append('<tr><td>' + value + '<td></tr>'); 
    }); 

現在,我的矢量數據,從Java控制檯拍攝時,這例如:

{"data": [[1348754599, 0.0], [1348754639, 0.0], [1348754680, 0.0], [1348754721, 0.0], [1348754761, 0.0], [1348754802, 0.0], [1348754842, 0.0], [1348754883, 0.0], [1348754924, 0.0], [1348754964, 0.0], [1348755005, 0.0], [1348755045, 0.0], [1348755086, 0.0], [1348755126, 0.0], [1348755167, 0.0], [1348755208, 0.0]]} 

而在這個媽媽結果是時間戳和值是在TIMESTAMP下產生的,但列VALUE是空的。

TIMESTAMP VALUE 

1348756790,0
1348756830,0
1348756871,0
1348756911,0
1348756952,0
1348756992,0
1348757033,0

我如何我可以做有

Timestamp Value 
12876  0 
129487  1 

非常感謝!

* 編輯 *

這是現在生成的HTML:

<table id="table_div" class="table table-striped table-condensed"><tbody><tr><td>TIMESTAMP</td><td>VALUE</td></tr><tr><td>1348760408,0</td><td></td></tr><tr><td>1348760448,0</td><td></td></tr></tbody></table> 

回答

2

我以前的答案是假的。我誤解了$.each()的工作原理。

您的原始代碼是正確的,只是您不會將每個元素部分分解爲其時間戳和值組件。我認爲這段代碼將做你想做的:

$("#table_div").html('<thead><tr><td>TIMESTAMP</td><td>VALUE</td></tr></thead>'); 

    $.each(data, function(index, value) { 
    $('#table_div > tbody:last').append('<tr><td>' + value[0] + '</td><td>' + value[1] +'</td></tr>'); 
    }); 
+0

它不起作用,但我不知道我的json向量的結構。在開發者控制檯響應頁面請求時,我有這個向量'{「data」:[[1348757520,0.0],[1348757560,0.0],[1348757601,0.0],[1348757641,0.0]] }'但是如果我在html頁面中打印數據變量,我有這個:'1348757520,0,1348757560,0,1348757601,0,1348757641,0' – sharkbait

+0

你需要用實際的HTML來更新問題從我給你的代碼生成,所以我們可以進一步分析它。 –

+0

我已經添加了html – sharkbait