$('#sample_1').dataTable({
"sAjaxSource": "../table/data",
// "bProcessing": true,
"bServerSide": true,
"fnServerData": function ( sSource, aoData, fnCallback ) {
console.log(111)
console.log(JSON.stringify(aoData));
$.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
},
"bDeferRender": true,// 是否启用延迟加载:当你使用AJAX数据源时,可以提升速度。默认值:False
// "aaData": [
// /* Reduced data set */
// [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ],
// [ "Trident", "Internet Explorer 5.0", "Win 95+", 5, "C" ],
// [ "Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A" ],
// [ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ],
// [ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ],
// [ "Gecko", "Firefox 1.5", "Win 98+ / OSX.2+", 1.8, "A" ],
// [ "Gecko", "Firefox 2", "Win 98+ / OSX.2+", 1.8, "A" ],
// [ "Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A" ],
// [ "Webkit", "Safari 1.2", "OSX.3", 125.5, "A" ],
// [ "Webkit", "Safari 1.3", "OSX.3", 312.8, "A" ],
// [ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ],
// [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
// ],
"aoColumns": [
{ "bSortable": false },
null,
{ "bSortable": false },
null,
{ "bSortable": false },
{ "bSortable": false }
],
"aLengthMenu": [
[5, 15, 20, -1],
[5, 15, 20, "All"] // change per page values here
],
// set the initial value
"iDisplayLength": 5,
"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
"sPaginationType": "bootstrap",
"oLanguage": {
"sLengthMenu": "_MENU_ records per page",
"oPaginate": {
"sPrevious": "Prev",
"sNext": "Next"
}
},
"aoColumnDefs": [{
'bSortable': false,
'aTargets': [0]
}
]
});
    @RequestMapping("/data")
@ResponseBody
public PageResult data(HttpServletRequest request,@ModelAttribute PageRequest pageRequest){
//
PageResult result = new PageResult();
JSONArray aaData = new JSONArray();
for (int i = pageRequest.getiDisplayStart(); i < pageRequest.getiDisplayStart()+pageRequest.getiDisplayLength(); i++) {
JSONArray row = new JSONArray();
row.add("a"+i);
row.add("b"+i);
row.add("c"+i);
row.add("d"+i);
row.add("e"+i);
row.add("f"+i);
aaData.add(row);
}
result.setAaData(aaData);
result.setSEcho(pageRequest.getsEcho()+1);
result.setITotalRecords(30);
result.setITotalDisplayRecords(30);
return result;
}
import com.alibaba.fastjson.JSONArray;

public class PageResult {

    private Integer sEcho;//
private Integer iTotalRecords;//实际的行数
private Integer iTotalDisplayRecords;//过滤之后,实际的行数。
private String sColumns;//可选,以逗号分隔的列名,;
private JSONArray aaData; public PageResult() {
super();
} public Integer getSEcho() {
return sEcho;
} public void setSEcho(Integer sEcho) {
this.sEcho = sEcho;
} public Integer getITotalRecords() {
return iTotalRecords;
} public void setITotalRecords(Integer iTotalRecords) {
this.iTotalRecords = iTotalRecords;
} public Integer getITotalDisplayRecords() {
return iTotalDisplayRecords;
} public void setITotalDisplayRecords(Integer iTotalDisplayRecords) {
this.iTotalDisplayRecords = iTotalDisplayRecords;
} public String getSColumns() {
return sColumns;
} public void setSColumns(String sColumns) {
this.sColumns = sColumns;
} public JSONArray getAaData() {
return aaData;
} public void setAaData(JSONArray aaData) {
this.aaData = aaData;
} }
public class PageRequest {

    private int sEcho;//页数
private int iColumns;//
private String sColumns;
private int iDisplayStart;//开始行数
private int iDisplayLength;//结束行数 public int getsEcho() {
return sEcho;
}
public void setsEcho(int sEcho) {
this.sEcho = sEcho;
}
public int getiColumns() {
return iColumns;
}
public void setiColumns(int iColumns) {
this.iColumns = iColumns;
}
public String getsColumns() {
return sColumns;
}
public void setsColumns(String sColumns) {
this.sColumns = sColumns;
}
public int getiDisplayStart() {
return iDisplayStart;
}
public void setiDisplayStart(int iDisplayStart) {
this.iDisplayStart = iDisplayStart;
}
public int getiDisplayLength() {
return iDisplayLength;
}
public void setiDisplayLength(int iDisplayLength) {
this.iDisplayLength = iDisplayLength;
} }

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. 第三方库PIL简单使用

    PIL为第三方库,需要简单安装,最容易的安装方法 pip install PIL 详细内容见http://effbot.org/imagingbook/ 下面展示一个简单用例:(字母验证码简单实现) ...

  2. SqlServer表死锁的解决方法

    SqlServer表死锁的解决方法   前些天写一个存储过程,存储过程中使用了事务,后来我把一些代码注释掉来进行调试找错,突然发现一张表被锁住了,原来是创建事务的代码忘记注释掉.本文表锁住了的解决方法 ...

  3. vs2013出现错误提示error C4996: 'strcpy': This function or variable may be unsafe. Consider using strcpy_s

    这个问题是vs准备弃用strcpy带来的,因为觉得他不太安全 可以尝试在main函数前面加上#pragma warning(disable:4996)即可解决这个问题

  4. LeetCode OJ:Lowest Common Ancestor of a Binary Tree(最近公共祖先)

    Given a binary tree, find the lowest common ancestor (LCA) of two given nodes in the tree. According ...

  5. 假如数组接收到一个null,那么应该怎么循环输出。百度结果,都需要提前判断。否则出现空指针异常。。我还是想在数组中实现保存和输出null。

    假如数组接收到一个null,那么应该怎么循环输出.因为foreach与obj.length都会报错.null不是对象,foreach中不能赋值? sp页面forEach一个存放对象的集合,怎么判断其中 ...

  6. 简要谈谈javascript bind 方法

    最近去参加了场面试,跟面试官聊了很多JS基础上的东西,其中有个问题是谈谈对apply.call.bind的理解和区别.顿时一愣,apply.call我知道,经常用的东西,bind是什么鬼!!!好像见过 ...

  7. Tiny4412 Android5.0 定制:编译生成img后如何删除原厂的apk

    在android-5.0.2/build/core/Makefile的315行可以看到,这里是apk生成签名相关的地方. 315 name := $(TARGET_PRODUCT) 316 ifeq ...

  8. OpenCV中阈值(threshold)函数: threshold 。

    OpenCV中提供了阈值(threshold)函数: threshold . 这个函数有5种阈值化类型,在接下来的章节中将会具体介绍. 为了解释阈值分割的过程,我们来看一个简单有关像素灰度的图片,该图 ...

  9. linux还原svn

    仓库中版本的备份及还原形式主要有两种:方式一:直接备份仓库整个文件夹(全部版本),重装svn程序后直接还原过去.方式二:通过svn命令行备份和还原指定版本号的数据全备份:使用svnadmin hotc ...

  10. SQLServer2008导入Excel遇到的问题

    今天同事给客户处理基础物料信息,要把Excel中的几千行物料信息导入到数据库.觉得不是啥难事,写个SQL语句而已,没成想,实际一操作,出问题了. SELECT * FROM OPENROWSET('M ...