jquery如何用Ajax将信息遍历到界面上

 1.使用的时候一定要导入juqery库

   1.1 这里放置一个cdn的库

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

2.调用的是 url中的信息 get方式获取 json格式的数据

 1 <script>
 2     $(document).ready(function () {
 3         $('#btn').keydown(function () {
 4             $.ajax({
 5                 url:'admin/car/query',
 6                 type:'get',
 7                 dataType:'json',
 8                 success:function(data){
 9                     var td = "";
10                     for(var i=0;i<data.length;i++){
11 
12                         var ls=data[i];
13 
14                         td="<td>"+ls.user_id+"</td>"+"<td>"+ls.car_num+"</td>"+"<td>"+ls.reason+"</td>"+"<td>"+ls.remark+"</td>"
15                             +"<td>"+ls.driver+"</td>"+"<td>"+ls.driver_verify+"</td>"+"<td>"+ls.office_verify+"</td>"+"<td>"+ls.driver_turn_down+"</td>"
16                             + "<td>"+ls.office_turn_down+"</td>"+"<td>"+ls.use_time+"<td>"+ls.office_turn_down+"</td>"
17                         $('#tableSort').append("<tr>"+td+"</tr>");
18                     }
23                 }
24             })
25         })
26 
27 
28     })
29 </script>

显示的结果如图所示

 

posted @ 2020-01-21 12:16  以己为镜  阅读(1067)  评论(0)  编辑  收藏  举报