1. $('#sample_1').dataTable({
  2. "sAjaxSource": "../table/data",
  3. // "bProcessing": true,
  4. "bServerSide": true,
  5. "fnServerData": function ( sSource, aoData, fnCallback ) {
  6. console.log(111)
  7. console.log(JSON.stringify(aoData));
  8. $.ajax( {
  9. "dataType": 'json',
  10. "type": "POST",
  11. "url": sSource,
  12. "data": aoData,
  13. "success": fnCallback
  14. } );
  15. },
  16. "bDeferRender": true,// 是否启用延迟加载:当你使用AJAX数据源时,可以提升速度。默认值:False
  17. // "aaData": [
  18. // /* Reduced data set */
  19. // [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ],
  20. // [ "Trident", "Internet Explorer 5.0", "Win 95+", 5, "C" ],
  21. // [ "Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A" ],
  22. // [ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ],
  23. // [ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ],
  24. // [ "Gecko", "Firefox 1.5", "Win 98+ / OSX.2+", 1.8, "A" ],
  25. // [ "Gecko", "Firefox 2", "Win 98+ / OSX.2+", 1.8, "A" ],
  26. // [ "Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A" ],
  27. // [ "Webkit", "Safari 1.2", "OSX.3", 125.5, "A" ],
  28. // [ "Webkit", "Safari 1.3", "OSX.3", 312.8, "A" ],
  29. // [ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ],
  30. // [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
  31. // ],
  32. "aoColumns": [
  33. { "bSortable": false },
  34. null,
  35. { "bSortable": false },
  36. null,
  37. { "bSortable": false },
  38. { "bSortable": false }
  39. ],
  40. "aLengthMenu": [
  41. [5, 15, 20, -1],
  42. [5, 15, 20, "All"] // change per page values here
  43. ],
  44. // set the initial value
  45. "iDisplayLength": 5,
  46. "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
  47. "sPaginationType": "bootstrap",
  48. "oLanguage": {
  49. "sLengthMenu": "_MENU_ records per page",
  50. "oPaginate": {
  51. "sPrevious": "Prev",
  52. "sNext": "Next"
  53. }
  54. },
  55. "aoColumnDefs": [{
  56. 'bSortable': false,
  57. 'aTargets': [0]
  58. }
  59. ]
  60. });
  1. @RequestMapping("/data")
  2. @ResponseBody
  3. public PageResult data(HttpServletRequest request,@ModelAttribute PageRequest pageRequest){
  4. //
  5. PageResult result = new PageResult();
  6. JSONArray aaData = new JSONArray();
  7. for (int i = pageRequest.getiDisplayStart(); i < pageRequest.getiDisplayStart()+pageRequest.getiDisplayLength(); i++) {
  8. JSONArray row = new JSONArray();
  9. row.add("a"+i);
  10. row.add("b"+i);
  11. row.add("c"+i);
  12. row.add("d"+i);
  13. row.add("e"+i);
  14. row.add("f"+i);
  15. aaData.add(row);
  16. }
  17. result.setAaData(aaData);
  18. result.setSEcho(pageRequest.getsEcho()+1);
  19. result.setITotalRecords(30);
  20. result.setITotalDisplayRecords(30);
  21. return result;
  22. }
  1. import com.alibaba.fastjson.JSONArray;
  2.  
  3. public class PageResult {
  4.  
  5. private Integer sEcho;//
  6. private Integer iTotalRecords;//实际的行数
  7. private Integer iTotalDisplayRecords;//过滤之后,实际的行数。
  8. private String sColumns;//可选,以逗号分隔的列名,;
  9. private JSONArray aaData;
  10.  
  11. public PageResult() {
  12. super();
  13. }
  14.  
  15. public Integer getSEcho() {
  16. return sEcho;
  17. }
  18.  
  19. public void setSEcho(Integer sEcho) {
  20. this.sEcho = sEcho;
  21. }
  22.  
  23. public Integer getITotalRecords() {
  24. return iTotalRecords;
  25. }
  26.  
  27. public void setITotalRecords(Integer iTotalRecords) {
  28. this.iTotalRecords = iTotalRecords;
  29. }
  30.  
  31. public Integer getITotalDisplayRecords() {
  32. return iTotalDisplayRecords;
  33. }
  34.  
  35. public void setITotalDisplayRecords(Integer iTotalDisplayRecords) {
  36. this.iTotalDisplayRecords = iTotalDisplayRecords;
  37. }
  38.  
  39. public String getSColumns() {
  40. return sColumns;
  41. }
  42.  
  43. public void setSColumns(String sColumns) {
  44. this.sColumns = sColumns;
  45. }
  46.  
  47. public JSONArray getAaData() {
  48. return aaData;
  49. }
  50.  
  51. public void setAaData(JSONArray aaData) {
  52. this.aaData = aaData;
  53. }
  54.  
  55. }
  1. public class PageRequest {
  2.  
  3. private int sEcho;//页数
  4. private int iColumns;//
  5. private String sColumns;
  6. private int iDisplayStart;//开始行数
  7. private int iDisplayLength;//结束行数
  8.  
  9. public int getsEcho() {
  10. return sEcho;
  11. }
  12. public void setsEcho(int sEcho) {
  13. this.sEcho = sEcho;
  14. }
  15. public int getiColumns() {
  16. return iColumns;
  17. }
  18. public void setiColumns(int iColumns) {
  19. this.iColumns = iColumns;
  20. }
  21. public String getsColumns() {
  22. return sColumns;
  23. }
  24. public void setsColumns(String sColumns) {
  25. this.sColumns = sColumns;
  26. }
  27. public int getiDisplayStart() {
  28. return iDisplayStart;
  29. }
  30. public void setiDisplayStart(int iDisplayStart) {
  31. this.iDisplayStart = iDisplayStart;
  32. }
  33. public int getiDisplayLength() {
  34. return iDisplayLength;
  35. }
  36. public void setiDisplayLength(int iDisplayLength) {
  37. this.iDisplayLength = iDisplayLength;
  38. }
  39.  
  40. }

datatables ajax异步分页的更多相关文章

  1. 5.Hibernate实现全套增删改查和ajax异步分页

    1.1 创建如下oracle数据库脚本 drop sequence seq_stu; create sequence SEQ_STU minvalue maxvalue start increment ...

  2. 利用Linq + Jquery + Ajax 异步分页的实现

    在Web显示的时候我们经常会遇到分页显示,而网上的分页方法甚多,但都太过于消耗带宽,所以我想到了用Ajax来分页,利用返回的Json来处理返回的数据, 大大简化了带宽的压力. 先说下思路,无非就是异步 ...

  3. DataTables ajax + bootstrap 分页/搜索/排序/常见问题

    最近学校的网站建设需要,尝试使用了下Jquery dataTables控件,接触过C#的人都知道,C#中也含有一个DataTable,但它和我们今天讨论的东西无关 我使用的是官网最新的DataTabl ...

  4. 项目开发之分页---异步分页(ajax)

    PS:前面忘了给大家讲解后台需要做的 ,同步分页的时候,我们只需要定义一个方法,给前台传递一个page对象,前台接收到直接展示即可:异步分页要多一步,首先还是写一个方法,传递初始对象,后面的ajax返 ...

  5. jQuery+Ajax+PHP实现异步分页数据显示

    这几天做毕业设计的时候需要使用到一个异步分页的功能,即翻页的时候只是刷新分页的数据而不是刷新整个页面.因为之前做项目的时候没有做过这方面的功能,所以还是纠结了挺长时间的,在网上也找了很多资料,结合自己 ...

  6. Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析

    一.问题描述 前端需要使用表格来展示数据,找了一些插件,最后确定使用dataTables组件来做. 后端的分页接口已经写好了,不能修改.接口需要传入页码(pageNumber)和页面显示数据条数(pa ...

  7. jquery 分页 Ajax异步

    //使用Ajax异步查询数据 <div class="table-responsive"> <table class="table table-bord ...

  8. python操作三大主流数据库(6)python操作mysql⑥新闻管理后台功能的完善(增、ajax异步删除新闻、改、查)

    python操作mysql⑥新闻管理后台功能的完善(增.删.改.查)安装表单验证D:\python\python_mysql_redis_mongodb\version02>pip instal ...

  9. 基于layerpage 前后端异步分页

    #下载jquery 和 layerpage1.核心分页方法 laypage({ cont: 'page1', //容器.值支持id名.原生dom对象,jquery对象. pages: json.tot ...

随机推荐

  1. LeetCode第[34]题(Java):Search for a Range

    题目:搜索目标范围 难度:Medium 题目内容: Given an array of integers nums sorted in ascending order, find the starti ...

  2. 智课雅思词汇---二十四、形容词后缀-al-ial-ar-ary-ic-id-ish-ile-ine-oid-ory

    智课雅思词汇---二十四.形容词后缀-al-ial-ar-ary-ic-id-ish-ile-ine-oid-ory 一.总结 一句话总结: 1.形容词后缀-al? autumnal 英 [ɔː'tʌ ...

  3. java Graphics2d消除锯齿,使字体平滑显示

    Java 2D API 提供的文本处理功能进行美化.Java 2D API 的文本功能包括: 使用抗锯齿处理和微调(hinting)以达到更好的输出质量 可以使用系统安装的所有字体 可以将对图形对象的 ...

  4. CC攻击工具list

    从论文里抠出来的工具列表如下,后面有黑产的工具以及网络上摘录的工具: 分类:(1)有僵尸网络(是否代理服务器)&没有的==>(2)单一url&混合url(多线程,压测为主,dem ...

  5. 26-THREE.JS 虚线绘制线框样式几何图形的材质

    <!DOCTYPE html> <html> <head> <title></title> <script src="htt ...

  6. 在SQL Server中快速删除重复记录

     在SQL Server中快速删除重复记录 2006-07-17 21:53:15 分类: SQL Server 开发人员的噩梦——删除重复记录 想必每一位开发人员都有过类似的经历,在对数据库进行查询 ...

  7. (转)程序员应该知道的10个eclipse调试技巧

    调试不仅可以查找到应用程序缺陷所在,还可以解决缺陷.对于Java程序员来说,他们不仅要学会如何在Eclipse里面开发像样的程序,更需要学会如何调试程序.本文介绍了Java程序员必知的10个调试技巧, ...

  8. ZOJ 3498 Javabeans(找规律)

    Javabeans Time Limit: 2 Seconds      Memory Limit: 65536 KB Javabeans are delicious. Javaman likes t ...

  9. Struts09---验证框架

    01.创建登录界面 <%@ page language="java" import="java.util.*" pageEncoding="UT ...

  10. oracle 存储过程心得2

    1.退出存储过程 return if old_save_time = new_save_time then--没有最新数据,退出 insert into hy_data_handle_mark(id, ...