javascript - 在每个 tr 两个 td 中填充 Json 数据

问题描述

这是我从 webmethod 检索数据的代码。函数获得 10 个随机抽奖号码，因此它必须 pe 填充在每行两个 td 的表中。我使用了奇偶逻辑，但我无法解决它。我希望有人可以帮助我。

 function GetTopTenStubs() {
            $.ajax({
                type: "POST",
                url: "ConsolationRaffle.aspx/GetTopTenStubs",
                data: '{}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: false,
                success: function (response) {
                    var parsed = $.parseJSON(response.d);
                    var cam;

                    var cnt = 1;
                    $.each(parsed, function (i, jsondata) {

                        //console.log(cnt + ' - ' + jsondata.Stubs);


                        if (parseInt(cnt) % 2 === 0) {
                            console.log(cnt + ' - ' + jsondata.Stubs + ' Even');

                             cam += '<tr class="trstyle"><td>' + jsondata.Stubs + '</td>';
                        }


                        if (parseInt(cnt) % 2 == 1) {
                            console.log(cnt + ' - ' + jsondata.Stubs + ' Odd');
                             cam += '<td>' + jsondata.Stubs + '</td>';
                            cam += '</tr>';
                        }
                        cnt++;
                         $('#fivecamera').append(cam);
                    });

                }
            });

此过程的结果必须如下所示。

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: center;    
}

<table style="width:100%">
  <tr >
   <th colspan="2">Consolation Winners</th>
  </tr>
  <tr>
    <td>555</td>
    <td>551</td>
  </tr>
   <tr>
    <td>109</td>
    <td>854</td>
  </tr>
   <tr>
    <td>898</td>
    <td>574</td>
  </tr>
   <tr>
    <td>001</td>
    <td>155</td>
  </tr>
   <tr>
    <td>123</td>
    <td>006</td>
  </tr>
</table>

标签： javascriptc#jquery

javascript - 在每个 tr 两个 td 中填充 Json 数据

问题描述

解决方案

推荐阅读