将 Json 结果附加到 HTML 表 [关闭]答案

【问题标题】：appent Json result to HTML table [closed]将 Json 结果附加到 HTML 表 [关闭]
【发布时间】：2014-05-27 04:19:12
【问题描述】：

{"status":1,"message":"Get type list","result":[{"event_id":"1","event_title":"Tesla motors, inc, first quarter 2014\r\nfinancila result Q&A conference call","event_date_time":"2014-05-24 18:59:59"},{"event_id":"2","event_title":"Tesla motors, inc, first quarter 2014\r\nfinancila result Q&A conference call","event_date_time":"2014-05-31 16:54:57"},{"event_id":"3","event_title":"Tesla motors, inc, first quarter 2014\r\nfinancila result Q&A conference call","event_date_time":"2014-05-20 21:52:57"},{"event_id":"4","event_title":"Tesla motors, inc, first quarter 2014\r\nfinancila result Q&A conference call\r\n\r\nTesla motors, inc, first quarter 2014\r\nfinancila result Q&A conference call","event_date_time":"2014-05-01 19:49:44"}]}

...//my ajax code
success:function(data){
alert(data.result[0].event_title);
}

我从 ajax 得到这个响应结果，现在我想根据结果填充 html 表格，我可以成功获取它的任何一行但未能填充整个表格。

如何将此结果附加到我的 html 表中？

【问题讨论】：

是时候展示你的代码了

标签： jquery ajax json parsing

【解决方案1】：

你可以这样做：

var tableString = "<table><tr><th>event_id</th><th>event_title</th><th>event_date_time</th></tr>";
for(var i = 0; i < data.result.length; i++)
{
    tableString += "<tr>";
    tableString += "<td>" + data.result[i].event_id + "</td>";
    tableString += "<td>" + data.result[i].event_title + "</td>";
    tableString += "<td>" + data.result[i].event_date_time + "</td>";
    tableString += "</tr>";
}
tableString += "</table>";
$("#tableParentDivId").html(tableString);

【讨论】：

【解决方案2】：

试试这个，

for(var i=0;i<data.result;i++){
    $("table tbody").append("<tr><td>"+ data.result[i].event_id +"</td><td>"+ data.result[i].event_title +"</td><td>"+ data.result[i].event_date_time +"</td></tr>")
}

【讨论】：