当前位置 : 主页 > 网络编程 > JavaScript >

jquery将信息遍历到界面上实例代码

来源:互联网 收集:自由互联 发布时间:2021-04-05
废话不说上代码 ps:能不能看懂全看造化 script $(document).ready(function () { $('#btn').keydown(function () { $.ajax({ url:'admin/car/query', type:'get', dataType:'json', success:function(data){ var td = ""; for(var i=0;idata.

废话不说上代码 ps:能不能看懂全看造化

<script>
  $(document).ready(function () {
    $('#btn').keydown(function () {
      $.ajax({
        url:'admin/car/query',
        type:'get',
        dataType:'json',
        success:function(data){
          var td = "";
          for(var i=0;i<data.length;i++){

            var ls=data[i];

            td="<td>"+ls.user_id+"</td>"+"<td>"+ls.car_num+"</td>"+"<td>"+ls.reason+"</td>"+"<td>"+ls.remark+"</td>"
              +"<td>"+ls.driver+"</td>"+"<td>"+ls.driver_verify+"</td>"+"<td>"+ls.office_verify+"</td>"+"<td>"+ls.driver_turn_down+"</td>"
              + "<td>"+ls.office_turn_down+"</td>"+"<td>"+ls.use_time+"<td>"+ls.office_turn_down+"</td>"
            $('#tableSort').append("<tr>"+td+"</tr>");
          }
        }
      })
    })


  })
</script>

显示的结果如图所示

以上就是本次介绍的全部相关知识点,感谢大家的学习和对易盾网络的支持。

网友评论