datatable插件使用

一、html页面

导入必要插件：

<link href="stylesheets/dataTables/dataTables.bootstrap.min.css" rel="stylesheet"/>

<script src="javascripts/dataTables/jquery.dataTables.min.js"></script>
<script src="javascripts/dataTables/dataTables.bootstrap.min.js"></script>

html代码：

<table id="datatable" class="table table-striped table-bordered dataTable">
  <thead>
    <tr role="row">
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
</table>

二、JS调用

/**
 * 同步查询数据库
 * 返回数据
 */
var url = '/queryWeibo';
var data = [];
$.ajax({
    url: url,
    type: "post",
    dataType: "json",
    async:false,    //设置ajax请求是同步方式
    success:function(result){
        data = result.data;
        // alert('ajax:'+data);
    },
    error: