官网解释与方法:1 当向服务器发出一个ajax请求,Datatables将会把服务器请求到的数据构造成一个数据对象

2 实际上他是参考jQuery的ajax.data属性来的,他能添加额外的参数传给服务器。

3 Datatables在此基础上还提供了一个函数,以便Datatables在请求服务器的时候可以处理这些数据.

下面举几个栗子:参数格式是必须和例子一样:

*最优选:post动态传参方法:

// 优点: 可动态获得参数的值,防止各种获得参数为null的bug!
var myTable = $("#example").DataTable({
ajax: {
url: "http://xingJinYuBlog/index",
data: {
function (d) {
return {
"XXX": $('#extra').val(),
"XXX1": $('#extra1').val()
}
} }
}
}); //重新渲染表格, 动态改变ajax参数值
function reloadTable() {
var param = {
"name": $("#seName").val(),
"admin": $("#seAdmin").val()
};
myTable.settings()[0].ajax.data = param;
myTable.ajax.reload();
}

注意:

1 上面的param对象的内容, 对应是d对象的内容.

2 重新渲染表, 执行reloadTable(),即可实现.

下面是其他的方法:

1 添加一个静态值,来提交额外的参数(user_id)

 特点:--post方法, 静态传参

$('#example').dataTable( {
"ajax": {
"url": "http://xingJinYuBlog/index",
"data": {
"user_id":
}
}
} );

2 通过操作数据对象添加数据请求(函数没有返回)

特点:--post方法, 动态传参

$('#example').dataTable( {
"ajax": {
"url": "http://xingJinYuBlog/index",
"data": function ( d ) { d.extra_search = $('#extra').val(); } } } );

3 添加数据请求(函数有返回)

特点:--post方法, 动态传参

$('#example').dataTable( {
"ajax": {
"url": "http://xingJinYuBlog/index",
    "data": function ( d ) { return $.extend( {}, d, { "extra_search": $('#extra').val() } ); } } } );

4 以json格式提交

特点:--post方法, 动态传参

$('#example').dataTable( {
"ajax": {
"url": "http://xingJinYuBlog/index",
    "contentType": "application/json",
"data": function ( d ) {
var d ={},
d.xxx=$('#extra').val();
    return JSON.stringify( d );
}
}
} );

参考文章有官网:

http://datatables.club/reference/option/ajax.data.html

https://datatables.net/forums/discussion/21940/how-to-pass-new-post-parameters-on-ajax-reload

超全table功能Datatables使用的填坑之旅--2:post 动态传参: 解决: ajax 传参无值问题.的更多相关文章

  1. 超全table功能Datatables使用的填坑之旅--1: 无法渲染表格数据: ajax调用了参数 : success

    问题:Datatables: 无法渲染表格数据 原因:datatables的ajax 传了"success":function(){},导致无法渲染数据. ajax 删掉" ...

  2. bootstrap-table填坑之旅<一>认识bootstrap-table

    应公司需求,改版公司ERP的数据显示样式.由于前期开发的样式是bootstrap,所以选bootstrap-table理所当然(也是因为看了bootstrap-table官网的example功能强大, ...

  3. React Native填坑之旅--布局篇

    代码在这里: https://github.com/future-challenger/petshop/tree/master/client/petshop/src/controller 回头看看RN ...

  4. React Native填坑之旅--动画

    动画是提高用户体验不可缺少的一个元素.恰如其分的动画可以让用户更明确的感知当前的操作是什么. 无疑在使用React Native开发应用的时候也需要动画.这就需要知道RN都给我们提供了那些动画,和每个 ...

  5. 使用vue开发微信公众号下SPA站点的填坑之旅

    原文发表于本人博客,点击进入使用vue开发微信公众号下SPA站点的填坑之旅 本文为我创业过程中,开发项目的填坑之旅.作为一个技术宅男,我的项目是做一个微信公众号,前后端全部自己搞定,不浪费国家一分钱^ ...

  6. stm32填坑之旅 - stm32f103c8t6点亮板载贴片蓝色LED

    转载请注明:https://www.cnblogs.com/rockyf/p/11691622.html 开篇 开篇一定要精彩,不然路人不理睬!下述是笔者作为arm小白的填坑之旅 没错,这个之前一直从 ...

  7. React Native填坑之旅--与Native通信之iOS篇

    终于开始新一篇的填坑之旅了.RN厉害的一个地方就是RN可以和Native组件通信.这个Native组件包括native的库和自定义视图,我们今天主要设计的内容是native库方面的只是.自定义视图的使 ...

  8. React Native填坑之旅--Flow篇(番外)

    flow不是React Native必会的技能,但是作为正式的产品开发优势很有必要掌握的技能之一.所以,算是RN填坑之旅系列的番外篇. Flow是一个静态的检查类型检查工具,设计之初的目的就是为了可以 ...

  9. https填坑之旅

    Boss说,我们买了个权威证书,不如做全站式的https吧,让用户打开主页就能看到受信任的绿标.于是我们就开始了填坑之旅. [只上主域好不好?] 不好...console会报出一大堆warning因为 ...

随机推荐

  1. Spring @Trasactionl 失效, JDK,CGLIB动态代理

    @Transaction:  http://blog.csdn.net/bao19901210/article/details/41724355 Spring上下文:  http://blog.csd ...

  2. gulp 用法 小结

    前端们,gulp该用起来了,简单的demo入门 gulp.grunt前端自动化工具,只有用过才知道多么重要. 作者:一文不提来源:博客园|2015-05-28 10:35 移动端 收藏 分享 gulp ...

  3. JVM gc介绍

    Java语言出来之前,大家都在拼命的写C或者C++的程序,而此时存在一个很大的矛盾,C++等语言创建对象要不断的去开辟空间,不用的时候有需要不断的去释放控件,既要写构造函数,又要写析构函数,很多时候都 ...

  4. 将Ctrl+Alt+Delete键进行屏蔽,防止误操作重启服务器

    [root@bgw-t ~]# vi  /etc/init/control-alt-delete.conf #exec /sbin/shutdown -r now "Control-Alt- ...

  5. Why We Worry and What to Do About It

    Note: My new book Atomic Habits is available to preorder now. Click here to learn more. The Evolutio ...

  6. iBatis与Hibernate有什么不同?

    相同点:屏蔽jdbc api的底层访问细节,使用我们不用与jdbc api打交道,就可以访问数据. jdbc api编程流程固定,还将sql语句与java代码混杂在了一起,经常需要拼凑sql语句,细节 ...

  7. scala--函数式对象

    函数式对象 这次写点关于函数式对象的吧 class Rational(n:Int, d:Int) { // n,d 为类参数,scala会创造出同样带有这两个参数的主构造器.如果这个类没有主体,可以不 ...

  8. idea 打包java程序

    创建maven项目 在pom.xml中添加: <build> <plugins> <plugin> <groupId>org.apache.maven. ...

  9. 求含有n个因子的最小正整数(n<=1000000)

    题目链接:https://ac.nowcoder.com/acm/contest/331/G 思路: 根据唯一分解定理,如果一个数n可以表示成 n=p1a1*p2a2*...*pkak (pi是第i个 ...

  10. 第五章 二叉树(d)二叉树实现