网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/8 浏览:3 次 )

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

显示的结果如图所示

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

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

上一篇:微信小程序swiper实现文字纵向轮播提示效果
下一篇:微信浏览器下拉黑边解决方案 wScroollFix