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

246 阅读 0 评论 163 点赞

我是靠谱客的博主寂寞学姐，最近开发中收集的这篇文章主要介绍jquery将信息遍历到界面上实例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

废话不说上代码 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>

显示的结果如图所示