var vTable = "";   
$("#vip_data").dataTable({
"scrollY": 400, //竖向高度 滚动
"paging": true,//是否分页
"scrollX": true,//横向滚动
"processing" : true,//显示“处理中...”
"serverSide" : true,//开启服务器模式。
"searching": true, //是否开启搜索
"ordering": true, //是否开启排序
"dom": '<"toolbar"><"clear">tl<"float_left"i>p', //将分页移动到下面
"oLanguage": { //样式 显示文字
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "抱歉, 没有找到",
"sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
"sInfoEmpty": "没有数据",
"sInfoFiltered": "(从 _MAX_ 条数据中检索)",
"sZeroRecords": "没有检索到数据",
"sSearch": "名称:",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "前一页",
"sNext": "后一页",
"sLast": "尾页"
}
},
"ajax": {
type: 'POST', //请求方式
url: _ROOT_ + 'xxxxx', //请求地址
data: function (data) { //请求参数 这里是处理了一个请求的参数 将datatable 的请求数据 和 自身需要发送的数据合并在一起
return $.extend({}, data, vTable); //vTable 自身准备的请求数据
}
},
"fnDrawCallback": function (data) {
// get_sum_data(data.json);
},
"columns": [
{"data": "vip_id", "bSortable": false}, //第一列 显示为 请求道的数据 vid_id
],
columnDefs: [
{ //对 第一列进行的处理
"targets": [0], //选择第一列
"data": "id",
"render": function (data,type,row) {
              //处理 data 为上面 "data": "vip_id" 中 vip_id 的数据 type 当前列的类型 row 请求道的这一行的全部数据
return '<input type="checkbox" name="ck" value="'+data+'" vip_mobile="'+row.vip_mobile+'" vip_name="'+row.vip_name+'" >';
}
} ] });

初始化后 再次请求

vTable = data; //设置要发送的数据
data_table.fnDraw(false) //table 重绘 会带着新的数据 去进行ajax 请求 得到数据后重绘

后端 接收到 vTable 的数据后进行 查询等处理就可以了

参考:

https://www.cnblogs.com/zergcom/p/4434069.html

最新文章

  1. Velocity 局部定制模板
  2. 日期与时间戳相互转化(js)
  3. Kingsoft Office Writer 2012 8.1.0.3385 - (.wps) Buffer Overflow Exploit (SEH)
  4. javascript介绍
  5. lsof 命令 系统管理 系统监控
  6. Jcrop简单实用
  7. linux 同步IO: sync msync、fsync、fdatasync与 fflush
  8. 根据DateTime来获取当天是周几(已完结)
  9. hdu 4608 I-number 大整数
  10. Cocos2d-x 脚本语言Lua中的面向对象
  11. git向码云上传代码总结
  12. Codeforces Round #402 (Div. 1)
  13. 解决SSH远程执行命令找不到环境变量的问题
  14. Ocelot简易教程(五)之集成IdentityServer认证以及授权
  15. Windows 10 运行原生Bash【Ubuntu】
  16. python----csv的使用
  17. python scrapy 报错 DEBUG: Ignoring response 403
  18. linux命令学习(5):pwd命令
  19. mysql 5.6 解压缩版安装教程
  20. Java: 扩大字节缓存区的大小,提升AIO的处理性能(并发性能)

热门文章

  1. J.U.C-volatile
  2. app接口中Http请求头示例
  3. nodejs的package.json依赖dependencies中 ^ 和 ~ 的区别
  4. HDOJ 6508 Problem I. Spell Boost (01背包/DP)
  5. L2-013 红色警报 (25 分) (并查集)
  6. 一个账户接管几乎所有阿里巴巴网站(CSRF漏洞+WAF绕过)
  7. Input子系统(二)【转】
  8. 012_TCP keepalive 和 http keep-alive
  9. FTP、FTPS和SFTP
  10. 高可用Redis(六):瑞士军刀之bitmap,HyperLoglog和GEO