JQuery Datatables 动态配置参数异步加载数据

背景需求

在前端动态设置datatables需要传递到后端的查询参数,异步加载返回的数据。点击这里进入datatables中文网异步加载数据说明

直接上代码

var table;
var url = "/Home/index";
table = $('#example').DataTable({ajax: {url: url,type: "Get",dataType: "json",data:{     },dataSrc: function (json) {                 return json;},error: function () {alert("服务器未正常响应,请重试");},},dom: 'Bfrtip',columns: [{ title: "Name", data: "Name"},{ title: "Position", data: "Position"},{ title: "Office", data: "Office"},{ title: "Age", data: "Age"},{ title: "Salary", data: "Salary"},{ title: "Level", data: "Level"},{ title: "Date", data: "Date"}],
});$("#Button").click(function () { //点击按钮触发url = "/Home/GetData";    //可以重新设置urlvar param = {             //设置参数"name":"zhous","work": "teacher",};table.settings()[0].ajax.data = param;//绑定参数table.ajax.url(url).load(); //重新加载数据
});

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/548472.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Chromium OS 开源项目

基于chrom浏览器的开源开发 http://www.chromium.org/chromium-os

C#生成随机字符串

public class RandomStringBuilder {/// <summary>/// 生成单个随机数字/// </summary>private int createNum(){Random random new Random(Guid.NewGuid().GetHashCode());int num random.Next(10);return num;}/// <summary>/// 生成单个大写随机字母///…

Shell图形化监控网络流量

shell图形化监控网络流量 网络流量的监控工具有很多&#xff0c;如&#xff1a;Mrtg、Cacti、Zabbix等等&#xff0c;他们都有着各自的特点&#xff0c;不同的侧重&#xff0c;只为适合不同的应用场景的各种特殊需求。除了网络流量监控工具以外&#xff0c;还有Nagios这样的监控…

JQuery Datatables editor 在编辑前刷新数据

背景 在同一时间&#xff0c;可能很多人在编辑修改同一数据&#xff0c;这会导致在一个人还在在修改的过程中另一人在完成了修改并保存了数据。editor在button插件的扩展中可以有效的缓解这个问题&#xff1a;自定义一个编辑按钮&#xff0c;此编辑按钮实现 点击按钮后&#x…

php date时间本地化问题

今天在写一个东西时&#xff0c;发现时间一直对不上&#xff0c;date("Y-m-d h:i:s") 总是与服务器时间差几个小时&#xff0e;后来发现&#xff0c;我现在的机器上的php是5.2的&#xff0e; 原来从php5.1.0开始&#xff0c;php.ini里加入了date.timezone这个选项&a…

JQuery Datatables 显示行的附加信息

点击这里查看datatables官网介绍 点击这里查看datatables中文网介绍 效果如下图所示&#xff1a; 点击首列调用ajax返回数据&#xff0c;并展开明细行如下图所示&#xff1a; CSS代码&#xff1a; td.details-control {background: url(../../scripts/datatables-1.10.19/ima…

初涉c#设计模式-Iterator Pattern

一、迭代器模式简介(Brief Introduction) 迭代器模式(Iterator Pattern)&#xff0c;提供一种方法顺序访问一个聚合对象中元素&#xff0c;而不暴露改集合对象的内部表示。 Provide a way to access the elements of an aggregate object sequentially without exposing its un…

Buttons——CSS按钮样式库

点击进入查看官网说明 不同颜色按钮&#xff1a; <button class"button button-3d button-primary">button1</button><button class"button button-3d button-action">button2</button><button class"button button-3d b…

Win10中如何找到并打开SqlServer2008 R2配置管理器

首先Win R &#xff0c;打开运行窗口&#xff0c;然后输入&#xff1a; SQLServerManager10.msc

机器学习中的相似性度量

在做分类时常常需要估算不同样本之间的相似性度量(Similarity Measurement)&#xff0c;这时通常采用的方法就是计算样本间的“距离”(Distance)。采用什么样的方法计算距离是很讲究&#xff0c;甚至关系到分类的正确与否。 本文的目的就是对常用的相似性度量作一个总结。 本文…

EF中DB First模式下数据库中表结构变化时如何快速同步到EF模型中

没想到什么好的精准的办法&#xff0c;持续的报错&#xff0c;然后定位报错很是头疼。我目前感觉较快方式有两种&#xff0c;如果有更好的方式&#xff0c;请大家指教。 一、先在数据库中修改表的结构属性&#xff0c;再删除edmx文件中对应的实体类模型&#xff0c;然后再是“从…

Oracle 游标范例

create or replace procedure sp_CurTestiscursor cur is select * from tUserinfo ;beginfor user in curloopinsert into job_test(id,jobcontent,jobtime) values(user.Dept_ID,user.Username,sysdate); end loop;end;

浅析CSS选择器

假设存在如下元素&#xff1a; <p>who am i</p> 元素选择器&#xff1a; 一个元素用同一种样式&#xff1a; p {color:green; } 多个元素用同一种样式&#xff1a; p,h1,h2{color:green; } 所有元素的背景色为黑色&#xff1a; * {background:black; } <…

HTML5 FileReader API 测试(一)

2019独角兽企业重金招聘Python工程师标准>>> 参考文章 html5之FileReader接口 http://zhangyaochun.iteye.com/blog/1487900 1、FileReader接口的作用&#xff1a; 用来把文件读入内存&#xff0c;并且读取文件中的数据。 2、支持情况 FF3.6| Chrome6 Js代码 /*…

Bootstrap模态框居中显示

Bootstrap默认的模态框不是居中显示的&#xff0c;需要稍微修改下源代码&#xff1a; 1、打开源码bootstrap.js&#xff0c;在里面找到如下代码&#xff1a; 2、在上述代码段落下面增加居中的代码即可&#xff1a; //使弹出框居中。。。var $modal_dialog $(this.$element[0]…

Java_BigInteger

字段摘要 static BigInteger ONE BigInteger 的常量 1。 static BigInteger TEN BigInteger 的常量 10。 static BigInteger ZERO BigInteger 的常量 0。 构造方法摘要 BigInteger(byte[] val) 将包含 BigInteger 的二进制补码表示形式的 byte 数组转换为 BigIntege…

Bootstrap模态框显示时有阴影遮罩层

如下图所示&#xff1a; 有遮罩层在&#xff0c;无法进行任何操作&#xff0c;只需修改默认 z-index 属性即可&#xff1a; .modal-backdrop{z-index:0;}

windows 如何在Windows命令行下配置IP地址

有时候系统发生问题&#xff0c;网络连接中看不到本地连接&#xff0c;网卡工作还是正常的。这样一来却没有办法修改本地的IP地址了。因为通常都是在本地连接属性中修改IP的&#xff0c;但现在本地连接已经看不到了&#xff0c;在命令行下用IPconfig可以查看IP地址&#xff0c;…

JQuery Datatables 在Bootstrap tab中列名无法对齐的问题

如下图所示&#xff1a; 增加一句代码即可&#xff1a; $(a[data-toggle"tab"]).on(shown.bs.tab, function (e) {//当切换tab时&#xff0c;强制重新计算列宽$.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();});

C# 值类型与引用类型(1)

1. 主要内容 类型的基本概念 值类型深入 引用类型深入 值类型与引用类型的比较及应用 2. 基本概念 C#中&#xff0c;变量是值还是引用仅取决于其数据类型。 C#的基本数据类型都以平台无关的方式来定义&#xff0c;C#的预定义类型并没有内置于语言中&#xff0c;而是内置于.NET …