将后端返回的数据循环渲染到表单中

 

<table class="table table-hover table-bordered table-striped">
    <thead>
    <tr>
        <th>注册码</th>
        <th>注册时间</th>
        <th>有效时间(天)</th>
        <th>关联应用</th>
     </tr>
     </thead>
        <tbody id="tb">
     </tbody>
</table>


<script>
$('#iscode').click(function () {
    $.ajax({
          url: '/v1/regcode/list2/',
          type: 'post',
          data: {
               'validperiod': $('#validperiod').val(),
               'count': $('#count').val(),
               'application': $('#application').val(),
               'csrfmiddlewaretoken': '{{ csrf_token }}'
             },
          success: function (data) {
             if (data.code == 100) {
                window.alert(data.msg);
                // 跳转页面
                {#location.href = data.url#}
                var obj = data.res;
                var codeArry = [];
                for (var j = 0; j < obj.length; j++){
                     codeArry.push(obj[j].regcode)
                 }
                 codeArry = JSON.stringify(codeArry);
                 localStorage.setItem("codeArry",codeArry);
                 for (var i = 0; i < obj.length; i++){
                      tr = $('<tr></tr>');  // 创建tr标签
                      tr.attr('id', 'id_' + i); // 添加属性
                      {#$('<tr data-id=`data+{{ i }}`></tr>').append($('<td></td>').text(obj[i].regcode));#}
                      tr.append($('<td></td>').text(obj[i].regcode));
                      {#tr.append($('<td></td>').text(obj[i].createdate));#}
                      tr.append($('<td></td>').text(obj[i].createdate));
                      tr.append($('<td></td>').text(obj[i].validperiod));
                      tr.append($('<td></td>').text(obj[i].application));
                      $('#tb').append(tr);
                      console.log(tr);
                    }

               } else {
                    if (data.code == 101){
                            window.alert(data.msg);
                    }
                    if (data.code == 102){
                            $('.verror').text(data.msg)
                    }
                    if (data.code == 103){
                            $('.error').text(data.msg)
                    }
                    if (data.code == 104){
                            $('.verror').text(data.msg)
                    }
                  }
                }
            })
        });
</script>