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>

顯示的結果如圖所示