在jquery数据表中使用Ajax分页
我正在使用dataTables插件在我正在处理的页面上创建一个表。它基本上是通过ajax调用获取行,在这个ajax调用中,我发送用户选择的搜索参数和所需的页码。 我需要“下一步”、“上一步”、“第一步”和“最后一步”按钮来触发相同的ajax调用,但页码不同,因为后端拦截器取决于页码 此api调用将返回属于这些搜索参数的总行数(比如1000行)以及具有页面大小的行数(比如50行) 有没有办法,我可以用数据表来做这件事?是的,你可以这样做 首先,请仔细看一看 然后检查API以正确显示所需的按钮等 我在一个非常大的项目中使用同一个插件,它工作得非常完美 我在表中使用的配置类型如下在jquery数据表中使用Ajax分页,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在使用dataTables插件在我正在处理的页面上创建一个表。它基本上是通过ajax调用获取行,在这个ajax调用中,我发送用户选择的搜索参数和所需的页码。 我需要“下一步”、“上一步”、“第一步”和“最后一步”按钮来触发相同的ajax调用,但页码不同,因为后端拦截器取决于页码 此api调用将返回属于这些搜索参数的总行数(比如1000行)以及具有页面大小的行数(比如50行) 有没有办法,我可以用数据表来做这件事?是的,你可以这样做 首先,请仔细看一看 然后检查API以正确显示所需的按钮等 我
$("#mytable").dataTable({"bJQueryUI": true,"sPaginationType": "full_numbers"});
是的,你可以完成这个,我在很多网站上都做过。关键是使用如下代码正确初始化datatable:
var oTable = "";
$(document).ready(function() {
oTable = $('#htmltableID').dataTable({
"sPaginationType": "full_numbers",
"bServerSide": true,
"sAjaxSource": "/script-to-accept-request.php",
"sServerMethod": "POST",
"iDisplayLength": 50
});
}
一旦页面加载,它将向指定的源发送POST请求。默认情况下,请求使用GET方法,但我选择发布该值
通过引用,可以添加要包含在默认集中的自定义变量
当页面更改时,接收请求的服务器端代码必须处理iDisplayStart变量。这从0开始,然后随着每个页面的iDisplayLength值的增加而增加。Oliver给出的示例包括一个PHP服务器端的示例,这将非常有助于回顾。我在上写了一篇博客文章,并在上放置了一个C#solution中的相应示例ASP.NET MVC3
我没有看到您的服务器端语言的引用,但是C#解决方案演示了从DataTables接收ajax帖子、查询数据库以及格式化DataTables的Json响应以处理响应的服务器端Json交互
希望这有帮助。试试这个。。我相信这对你会有用的
$("#myDataTable").dataTables({
"bJQueryUI":true,
"bSort":false,
"bPaginate":true, // Pagination True
"sPaginationType":"full_numbers", // And its type.
"iDisplayLength": 10
});
我正在谈论这个插件——我不清楚如何使用这个插件通过javascript进行ajax调用。此外,服务器端的所有东西都需要,您只需要一个php fle来处理查询并返回一个json编码的结果集。在datatables网站上有关于它的各种演示。阅读海报问题。你的答案和他问的更接近。