Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jquery数据表中使用Ajax分页_Jquery_Jquery Plugins - Fatal编程技术网

在jquery数据表中使用Ajax分页

在jquery数据表中使用Ajax分页,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在使用dataTables插件在我正在处理的页面上创建一个表。它基本上是通过ajax调用获取行,在这个ajax调用中,我发送用户选择的搜索参数和所需的页码。 我需要“下一步”、“上一步”、“第一步”和“最后一步”按钮来触发相同的ajax调用,但页码不同,因为后端拦截器取决于页码 此api调用将返回属于这些搜索参数的总行数(比如1000行)以及具有页面大小的行数(比如50行) 有没有办法,我可以用数据表来做这件事?是的,你可以这样做 首先,请仔细看一看 然后检查API以正确显示所需的按钮等 我

我正在使用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网站上有关于它的各种演示。阅读海报问题。你的答案和他问的更接近。