数组内的jquery json到html表[关闭]

Question

我想从下面的 json(results array) 中获取简单的表格格式，我希望使用 jquery .each。我尝试了这段代码，但如何获取对象？我试过 v.subject 但没有用。

$.getJSON( "http://127.0.0.1:8000/ajax/list/?page=1&format=json", function( data ) {
   $.each( data, function() {
      $.each( this, function( i, v ) {
         console.log( v );
      });
   });
});

console.log(v) 的结果

 Object { subject="ronald birthday", date="2014-06-13", time_start="11:17 PM"}
 Object { subject="ronald birthday", date="2014-06-19", time_start="7:17 PM"}

这是格式表

      <table >

        <tr>
         <td> <a href="#"> Rita Birthday</a> </td>
         <td> <a href="#"> Oct. 18, 2014</a> </td>
         <td> <a href="#"> 11:27 PM</a> </td>
        </tr>

       </table>

这是 json 但只有结果数组应该在表中：

{“计数”：18，“下一个”：“http://www.nothingonlytest.com/ajax/list/?page=2&format=json”，“上一个”：null，“结果”：[{“主题”：“罗纳德生日”，“日期”：“2014-06- 13”，“time_start”：“11:17 PM”}，{“主题”：“罗纳德生日”，“日期”：“2014-06-19”，“time_start”：“7:17 PM”}，{ “主题”：“丽塔生日”，“日期”：“2014 年 10 月 18 日”，“time_start”：“晚上 11:27”}，{“主题”：“tt”，“日期”：“2014-06 -27”，“time_start”：“10:31 PM”}，{“主题”：“tt”，“日期”：“2014-06-13”，“time_start”：“10:31 PM”}，{ “主题”：“团体活动”，“日期”：“2014-06-14”，“时间开始”：“3:31 AM”}，{“主题”：“测试消息”，“日期”：“2014- 06-17", "time_start": "3:32 AM"}, {"subject": "测试事件消息", "date": "2014-06-14", "time_start": "3:34 AM" }，{“主题”：“fd”，“日期”：“2014-06-20”，“time_start”：“3:36 AM”}，{“主题”：“fdf”，“日期”：“2014 -06-14", "time_start": "3:38 AM"}]}

Answer 1

这是一种方法。

1. 您需要使用jquery selector获取表格对象。
2. 然后你需要使用for关键字循环json数据的results属性。
3. 对于结果的每个对象，使用property accessor获取主题、日期和时间开始的属性。
4. 创建一个行字符串，例如"<tr><td>" + val1 + "</td><td>" + val2 + "</td><td>" + val3 + "</td></tr>"，并使用jquery append 将其附加到表对象中。

更新

您需要改为循环结果属性。

$.getJSON("http://127.0.0.1:8000/ajax/list/?page=1&format=json", function( data ) {
   $.each(data.results, function() {
      $.each( this, function( i, v ) {
         console.log( v );
      });
   });
});