Question

我有javascript变量中的数据，我想把它的＆＃39;数据如表。我可以用文本框做到这一点。但是我无法在表格中正确地做到这一点。

For example table : 
user_id  |  start_time  | end_time
user_id  |  start_time  | end_time
user_id  |  start_time  | end_time

我想用上面的表格进行循环。我在循环中的数据。现在我做了，结果输出为

user_id | user_id | user_id 
start_time | start_time | start_time
end_time | end_time | end_time

我不想要那个结果。请帮我。我是诺布。

这是我的javascript代码。

function getdata(result){

    console.log(result);

    var obj = JSON.parse(result);
            //alert(obj.status);
            //alert(result);
             var str = "";
             var str2 = "";
            var user_id = [];
            var start_time = [];
            for (i = 0; i < obj.data.length; i++) {
               user_id[i] = obj.data[i].user_id;
               start_time[i] = obj.data[i].start_time;

               str += "<input type='text' id='txtNum"+[i]+"' value='"+user_id[i]+"' /> <br/>";

            }
            document.getElementById("admin_id").innerHTML = str;


}

Answer 1

我希望这会帮助你：

var data = [{ id: 1, start_time: new Date(), end_time: new Date() },{ id: 1, start_time: new Date(), end_time: new Date() },{ id: 1, start_time: new Date(), end_time: new Date() }]

var str = "";
for (var i = 0; i < data.length; i++) {
 str += "<tr>";
 str +=   "<td>"+ data[i].id +"</td>";
 str +=   "<td>"+ data[i].start_time +"</td>";
 str +=   "<td>"+ data[i].end_time +"</td>";
 str += "</tr>";
}
document.querySelector('tbody').innerHTML = str;

<table>
  <thead>
    <tr>
      <th>Id</th>
      <th>start_time</th>
      <th>end_time</th>
    </tr>
   <thead>
   <tbody>
   </tbody>
 </table>

如果您觉得有意思，您也可以使用一些ES6：

str = data.map(d => `
  <tr>
    <td>${d.id}</td>
    <td>${d.start_time}</td>
    <td>${d.end_time}</td>
  </tr>
`).join('');

如何用javascript循环表制作数据？

1 个答案: