我在服务器上有一个JSON文件我希望在JQuery数据表中显示它,包括搜索,排序和分页

时间:2015-11-17 14:07:58

标签: jquery json ajax html5

JSON文件是动态的。任何人都可以帮我解决这个问题吗?

<div class="col-lg-12">
  <table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>ID</th>
                <th>Amount </th>
                <th>Status</th>
                <th>Time</th>
                <th>Owner</th>
                <th>Weight</th>
                <th>Quantity</th>
                <th>Order Type</th>
                <th>PID</th>
                <th>Special Instructions</th>
            </tr>
        </thead>
    </table>
  </div>
</body>

这是一个小提琴http://jsfiddle.net/Manoj1991/annxmks9/

1 个答案:

答案 0 :(得分:0)

我可以看到你正在使用数据表来实现你的目标。我指的是official documentation

  

正在加载数据

     

Ajax数据由DataTables加载,只需使用ajax选项设置应该在哪里进行Ajax请求的URL。例如,以下显示了使用Ajax源数据的最小配置:

$('#myTable').DataTable( {
  ajax: '/api/myData'
} );

如果您的表格有时会刷新,可以设置timeout function并致电Datatable ajax.reload() function

以下是一个例子:

var table = $('#example').DataTable( {
    ajax: "data.json"
} );

setInterval( function () {
    table.ajax.reload();
}, 30000 );