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>

來源

2012-09-27 sharkbait

我以前的答案是假的。我誤解了$.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>'); 
    });

來源

2012-09-27 15:50:19

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

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

我已經添加了html – sharkbait

JSON數據和HTML表格

回答

相關問題