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格式的数据

<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>

显示的结果如图所示