DataTables手动带参数提交至服务器
一:参数传递及接收
JavaScript:
黄背景部分为参数传递关键
<script type="text/javascript">
var table;
var delId;
$(document)
.ready(function () {
table = $('#tableQuetions')
.dataTable({
//"dom": '<"H"fr > t <"F"lip >',
"pagingType": "full_numbers",
"processing": true,
"serverSide": true,
"scrollX": true,
"ordering ": false,
"scrollY": "350px",
"searching": false,
"ajax": {
"url": "/RFTraining/Exam/ExamQuetionList",
"type": "POST",
"data": function (d) {
d.questionName = $("#QuestionNameForSearch").val();
d.questionType = $("#QuestionTypeForSearch").val();
}
},
"columnDefs": [
{
"render": function (data, type, row) {
return '<input type="button" value="删除" class="btn btn-link" onclick="onDel(' +
row["ID"] +
')" />';
//+'<input type="button" value="编辑" class="btn btn-link" onclick="onEdit(' +
//row["ID"] +
//')" />';
},
"targets": 6
}
],
columns: [
{ data: 'ROWNO' },
{ data: 'ID' },
{ data: 'QUESTIONTYPE' },
{ data: 'QUESTIONNAME' },
{ data: 'QUESTIONSCORE' },
{ data: 'CREATETIME' },
{ data: 'edit' }
],
"lengthMenu": [
[20, 50, 100, 200],
[20, 50, 100, 200]
], //每页显示条数设置
"Info": true,
"oLanguage": {
//国际语言转化
"oAria": {
"sSortAscending": " - click/return to sort ascending",
"sSortDescending": " - click/return to sort descending"
},
"sLengthMenu": "显示 _MENU_ 记录",
"sZeroRecords": "对不起,查询不到任何相关数据",
"sEmptyTable": "未有相关数据",
"sLoadingRecords": "玩命加载中...",
"sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录。",
"sInfoEmpty": "当前显示0到0条,共0条记录",
"sInfoFiltered": "(数据库中共为 _MAX_ 条记录)",
"sProcessing": "玩命加载中...",
"sSearch": "模糊查询:",
"sUrl": "",
//多语言配置文件,可将oLanguage的设置放在一个txt文件中,例:Javascript/datatable/dtCH.txt
"oPaginate": {
"sFirst": "首页",
"sPrevious": " 上一页 ",
"sNext": " 下一页 ",
"sLast": " 尾页 "
}
}
});
});
}
</script>
C#:
参数获取
rfExamQuetion.QuestionName = Request.Params["questionName"]; rfExamQuetion.QuestionType = int.Parse(Request.Params["questionName"]);
二:自定义提交
table.ajax.reload();//官方写的是这个,不知道为啥我用的时候报错TypeError: cannot read property 'reload' of undefined 'ajax' table.api().ajax.reload();//上面报错的可以用这个方法
DataTables手动带参数提交至服务器的更多相关文章
- ajaxFileUpload带参数提交(亲测可用)
使用ajaxFileUpload上传文件时,有时需要带参数提交,网上有很多资料说使用data,但其实要使用data带参数是需要修改的,否则后台是获取不到的. 分析原因: ajaxFileUpload为 ...
- Jquery.Datatables 结合时间段查询,daterangepicker实现Datatables表格带参数查询
参考:http://datatables.club/example/user_share/send_extra_param.html 下载地址:http://pan.baidu.com/s/1 ...
- 结合daterangepicker实现Datatables表格带参数查询
http://dt.thxopen.com/example/user_share/send_extra_param.html#@一颗树 http://www.guoxk.com/node/jquery ...
- Android带参数链接请求服务器
public void taste() { //设默认值 SharedPreferences.Editor editor = this.getSharedPreferences("setti ...
- Apache HttpComponents POST提交带参数提交
public class Test { public static void main(String[] args) throws IOException { DefaultHttpClient ht ...
- js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快、简单 post:安全,量大,不缓存)(服务器同步和异步区别:同步:等待服务器响应当中浏览器不能做别的事情)(ajax和jquery一起用的)
js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快.简单 post:安全,量大,不缓存)( ...
- ngResource提交json数据如何带参数
ngResource提交json数据如何带参数 直接使用ngResource和REST服务接口交互可以让程序显得简洁,前提是配置好跨域和OPTIONS请求的支持,与此同时,如果需要带些额外的参数,有两 ...
- [服务器]脚本:批处理带参数ping命令 发送邮件脚本
1.批处理带参数ping命令 @echo offecho Input you IP address ......set /p IP=echo Your IP number is %IP%.ping % ...
- C#微信公众号接口开发,灵活利用网页授权、带参数二维码、模板消息,提升用户体验之完成用户绑定个人微信及验证码获取
一.前言 当下微信公众号几乎已经是每个公司必备的,但是大部分微信公众账号用户体验都欠佳,特别是涉及到用户绑定等,需要用户进行复杂的操作才可以和网站绑定,或者很多公司直接不绑定,而是每次都让用户填写账号 ...
随机推荐
- 存储过程[st_MES_RptInspectShipment]
USE [ChangHong_612]GO/****** Object: StoredProcedure [dbo].[st_MES_RptInspectShipment] Script Date: ...
- GUI图形界面
一.界面元素 1.首层容器:Jwindow.JFrane(窗体).JDialge(对话框).JApplet. 2.组件:标签.文本框.密码框.按钮.下拉列表.单选框.复选框.文本域等 注:标签JLab ...
- iOS UIWebView加载时添加进度条
标注:此框架仅适合UIWebView 对iOS8后新出的WKWebView不适用,当然,你可以尝试修改框架里的几个代理方法. 框架是:NJKWebViewProgress 导入头文件 #import ...
- 教你50招提升ASP.NET性能(二十二):利用.NET 4.5异步结构
(40)Take advantage of .NET 4.5 async constructs 招数40: 利用.NET 4.5异步结构 With the arrival of .NET 4.5, w ...
- 关于php一句话免杀的分析<转载>
一开始想这样: <?php $_GET['ts7']($_POST['cmd']);?> 客户端用菜刀,密码cmd,url为test.php?ts7=assert 这个应该算没有什 ...
- android 手电筒的实现
android手机用闪光灯做成手电筒的应用非常多,可是有的不能用. 后来发现是除了把 camera device的 flashmode设置成torch外还要打开预览: 以下是代码: MainActiv ...
- Codeforces Round #330 (Div. 2) B. Pasha and Phone 容斥定理
B. Pasha and Phone Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/595/pr ...
- Communications link failure报错的处理
一.报错的问题: 测试环境在做压力测试的时候爆出错误 com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications l ...
- Cocos2d-x多语言支持解决方式
很多其它相关内容请查看本人博客:http://www.bokeyi.com/ll/category/cocos2d-x/ 利用.plist文件让Cocos2d-x轻松支持多语言. .plist文件类似 ...
- android141 360 安装软件管理
主界面: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro ...