87,992
社区成员
发帖
与我相关
我的任务
分享jquery datatable 插件前台输入查询条件，当我点击搜索时，第二次不向后台发起请求。
jquery datatable 插件前台输入查询条件（比如姓名和年龄条件），当我点击搜索时，第一次可像后台发起请求，但是第二次点的时候就不向后台发起请求了，求解。
这是从datatable官方文档拿来的：
$('#example').dataTable( {
"ajax": "data/objects.txt",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "start_date" },
{ "data": "salary" }
]
} );
“ajax”:"data/objects.txt"我在页面上做了搜索按钮控制这段JS，看下面代码：
这是我第一次点搜索时触发的这个objects.txt文件，当我第二次点击时
这是从datatable官方文档拿来的：
$('#example').dataTable( {
"ajax": "data/objects.txt",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "start_date" },
{ "data": "salary" }
]
} );
“ajax”:"data/objects.txt"我在页面上做了搜索按钮控制这段JS，看下面代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
<title>DataTables example - Ajax data source (objects)</title>
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
</head>
<script type="text/javascript">
function clickme(){
$('#example').dataTable( {
"ajax": "data/objects.txt",
"retrieve":true,
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "start_date" },
{ "data": "salary" }
]
} );
}
</script>
<body class="dt-example">
<input type="button" onclick="clickme()" value="click" />
<div class="container">
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Extn.</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
</table>
</body>
</html>这是我第一次点搜索时触发的这个objects.txt文件，当我第二次点击时
...全文
请发表友善的回复…
发表回复
sd398151709 2016-09-30
- 打赏
- 举报
另外，楼主遇到的问题解决了没有？
我今天也遇到这个问题了。
function attachmentListView(PlaneId){
alert(PlaneId);
$.DataTableView.open({
id: "attachment_list",
loadUrl: urlHandler('file.get.paging.action'),
rowId: "id",
data :{
subjectId:PlaneId
},
columns: [
{ columntype: 'checkbox'},
{ title: "附件名称" , data: "fileName"},
{ title: "附件类型" , data: "fileType"},
{ title: "上传时间" , data: "uploadDate"},
{ title: "附件说明" , data: "subjectRemark"},
{ title: "操作人" , data: "uploadUserName"},
{ title: "操作", columntype:'button',
buttons: [{
lable:"下载",
click:function(id){
var url = "file.download.action";
$.FileDownloadHandler(url,id);
//attachment_download(id);
}
},{
lable:"删除",
click:function(id){
attachment_delete(id);
}
}]
}
]
});
}
只有刷新页面后第一次调用attachmentListView（id）成功，之后每次调用都不发送Ajax请求
sd398151709 2016-09-30
- 打赏
- 举报
ajax: {
url: options.loadUrl,
type: "POST",
data: function (params) {
var param=options.data;
if(options.searchFormId === null || options.searchFormId === "")
options.searchFormId = options.id+"_search_from";
var searchForm = $("#"+options.searchFormId);
if(searchForm){
searchForm.find("input").each(function(){
if (this.type == "checkbox") {
param[$(this).attr("name")] = $(this).attr("checked");
} else if(this.type == "button"){
} else {
param[$(this).attr("name")] = $(this).val();
}
});
searchForm.find("select").each(function(){
param[$(this).attr("name")] = $(this).val();
});
}
param[options.prmNames.rows] = params.length;
param[options.prmNames.page] = params.start/params.length + 1;
return param;
},
dataFilter: function(data){
var json = jQuery.parseJSON( data );
json.recordsTotal = json.pagingDTO.totalRecord;
json.recordsFiltered = json.pagingDTO.totalRecord;
json.data = json.pagingDTO.resultList;
return JSON.stringify( json );
}
}
写一个form，把输入查询条件的input放里面。
lqlovecsdn 2015-10-22
- 打赏
- 举报
能解答下吗，求解，如果看到了加我qq也行，我的857264134
lqlovecsdn 2015-10-22
- 打赏
- 举报
兄弟，请问你是怎么做模糊查询的呢，怎么向后台传递的参数的？求解，我需要做dataTable的模糊查询。
ty0415 2014-07-01
- 打赏
- 举报
已解决，贴上代码，声明datatable为全局变量。
if (datatable == undefined || datatable == "undefined" || datatable == null) {
}else{
datatable.fnDestroy();
}
datatable=$("#sample_editable_1").dataTable();
color2002 2014-06-30
- 打赏
- 举报
传递一下参数，比如当前时间之类的就可以了
orzxxx01 2014-06-29
- 打赏
- 举报
AJAX只能发送一次请求一般是缓存问题
看下有没有选项去掉缓存
