我想用Ajax請求返回的數據填充一個空白表。該表格填充在正確的列內,但是所有數據數據都被聚集起來(以長字符串形式)並且所有利率數據都聚集在一起(以長字符串形式)。儘管如此,Console.log()
行完美並顯示每個項目,枚舉,都在單獨的行。jQuery追加到HTML表
我的代碼如下:
HTML
<table id="table" border="1">
<tr>
<th>Date</th>
<th>Value</th>
</tr>
<tr>
<td id='col1'></td>
<td id='col2'></td>
</tr>
</table>
的Javascript/jQuery的
$.getJSON("api", function(data) {
for (var x =1; x <= data.count -1 ; x++){
$("#col1").append(data.observations[x].date);
$("#col2").append(data.observations[x].value);
console.log(x, data.observations[x].date, data.observations[x].value);
}
})
我怎樣才能把它改寫,使每個日期和利率是在一個單獨的一行。示例:row1:date1和value1,row2:date2和value2等。
P.S.答案應該包括$.getJSON(api, data)
和 不包括$.parseJSON(data)
或$.each(data))
或success: function (data))
您需要創建行和單元格......將單元格附加到行中,並將這些行附加到表格中。你現在正在做的是將文本附加到單個單元格。 – theGleep
發生這種情況是因爲您將數據作爲2個長字符串附加到'#col1'和'#col2',您必須循環併爲每個單元添加一個''和每行'
' –
[使用jQuery從Ajax響應(Json)構建錶行)](https://stackoverflow.com/questions/17724017/using-jquery-to-build-table -rows-from-ajax-response-json) – adiga