jquery dataTable 后台加载数据并分页实例代码

使用 dataTable后台加载数据并分页。网上版本很多，但很多都是不能用或者不详细的，这里是已经验证过的。

引用 js文件

添加一个table 标签， 可以不用，可以动态加载

 
    
 
      
 
        
 
             
             
           
        
 
        
名称
 
        
apiKey
 
        
secretKey
 
        
 创建时间
 
        
Status
 
        
操作
 
      
 
    
 
 
  

关键的JS代码：

后台代码：

   // 获取前端过来的参数,下面三个参数是 dataTable默认的，不要随便更改 
    Integer sEcho = Integer.valueOf(params.get("sEcho"));// 记录操作的次数 每次加1 
    Integer iDisplayStart = Integer.valueOf(params.get("iDisplayStart"));// 起始 
    Integer iDisplayLength = Integer.valueOf(params.get("iDisplayLength"));// 每页显示的size 
 
    Map map = new HashMap(); 
    try { 
      // 查询数据,分页的话我这边使用的是 PageHelper，这边不介绍了 
      PagedResult list = pushEntityService.findByUserId( 
          pushUser.getId(), iDisplayStart, iDisplayLength); 
 
      // 为操作次数加1，必须这样做 
      int initEcho = sEcho + 1; 

  //返回参数也是固定的 
      map.put("sEcho", initEcho); 
      map.put("iTotalRecords", list.getTotal());//数据总条数 
      map.put("iTotalDisplayRecords", list.getTotal());//显示的条数 
      map.put("aData", list.getDataList());//数据集合 
    } catch (Exception e) { 
      e.printStackTrace(); 
    } 
 
    return map; 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。