使用jQuery从AJAX响应构建表行（json）

Question

可能重复的嵌套元素

我正在从服务器端ajax响应（Json）中获取信息，并试图动态创建表行并将其附加到现有表（ID：）#records_table；

我试图重复实施该解决方案，但失败了。

我的回答如下：

    "[{

      "rank":"9",

      "content":"Alon",

      "UID":"5"

     },

     {

       "rank":"6",

       "content":"Tala",

       "UID":"6"

    }]"

需求结果是这样的：

<tr>

   <td>9</td>

   <td>Alon</td>

   <td>5</td>  

</tr>

<tr>

   <td>6</td>

   <td>Tala</td>

   <td>5</td>  

</tr>

我想做一些事情而不解析Json，所以我尝试做以下事情，这当然是灾难：

    function responseHandler(response)

    {

        $(function() {

            $.each(response, function(i, item) {

                $('<tr>').html(

                    $('td').text(item.rank),

                    $('td').text(item.content),

                    $('td').text(item.UID)

                ).appendTo('#records_table');

            });

        });

    }

从我的解决方案中，我在所有单元格中仅得到数字为6的一行。我究竟做错了什么？

Answer 1

试试这个（DEMO链接已更新）：success: function (response) {&nbsp; &nbsp; &nbsp; &nbsp; var trHTML = '';&nbsp; &nbsp; &nbsp; &nbsp; $.each(response, function (i, item) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; trHTML += '<tr><td>' + item.rank + '</td><td>' + item.content + '</td><td>' + item.UID + '</td></tr>';&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; $('#records_table').append(trHTML);&nbsp; &nbsp; }