Json数据和html表

Question

我有这个结构：

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>

Answer 1

我之前的回答是假的。我记错了$.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>'); 
  });