Jquery 无法在分页中获取下一页

我用

next

和

previous

按钮创建了简单的分页。 我的分页不起作用

$（文档）.ready（函数（）{
empRoles（）
变量表=$（“#我的表”）；
var-sta=0；
var pageNum=1；
每个页面的风险值元素=3；
变量角色列表；
var limit=每页的元素数；
$（'#newroleName，#searchroleName'）。焦点（函数（）{
$（'.requiredField'）.hide（）；
$（'#newroleName'）.removeClass（'error'）；
});
$（'.searchClear'）。单击（函数（）{
$（'.requiredField'）.hide（）；
$（'searchroleName'）.removeClass（“错误”）；
$（'searchroleName'）.val（“”）；
empRoles（）
});
函数empRoles（）{
分页（roleList）
$（'#content'）.html（''）；
对于（var i=sta；i=起始行）{
pageNum=eval（pageNum+1）；
结束行=限制+每页元素；
限制=结束行
table.empty（）；
如果（限制>最大尺寸）{
结束_行=最大_大小；
}
$（'.paginationList输入'）.val（pageNum）；
分页（起始行、结束行）；
}
});
$（文档）。在（'click'，“#PreValue”，函数（）{
var max_size=角色列表长度；
var pre=限制-（每页2*个元素）；
如果（前>=0）{
pageNum=eval（pageNum-1）；
限制=限制-每页的元素；
table.empty（）；
$（'.paginationList输入'）.val（pageNum）；
分页（预、限制）；
}
如果（前<0&&pageNum！=1）{
var pre=限额；
极限=（pageNum*2）+（极限-1）；
table.empty（）；
$（'.paginationList输入'）.val（pageNum）；
分页（预、限制）；
}
});
});在fiddle中没有在函数pagination（）中调用的ajax调用。因此，您的数据永远不会刷新。此外，小提琴中的整个实现似乎存在缺陷。请参考以下示例以正确实现分页：

或参考某些分页库，如：



[编辑]

尝试使用以下内容来管理AJAX调用：

pagination(starting_row,ending_row)
{

    $.ajax({
      url: "your_server_url",
      method: "POST",
      data: { startIndex: starting_row, endIndex: ending_row }
    }).done(function() {
      //execute rest of your DOM manipulation Code
    });
}

请在问题中添加代码-人们不必点击其他位置就能提供帮助-在JSFIDLE上创建代码片段而不是/以及Fiddle工作代码很好，但请确保也将相关代码发布到StackOverflow问题中。同时添加静态数据而不是db调用，以帮助其他人帮助您。将代码放在这里请确保您只向我们展示了重现问题所需的相关代码，而不是所有代码。马上，这将很难重现，因为我们无法获取您的数据库记录，因此我们的表将始终为空。也许你也可以（在这里发布代码的旁边）为我们提供一个链接到你的实时项目，如果它在任何地方都是实时的。此外，我看到您正在调用一个函数NoData（），但没有返回任何数据（这对我们来说总是会发生），但这个函数不存在，导致引用错误。请检查我的第二部分。我正在尝试在第一部分中使用ajax实现它。我可以轻松地在没有ajax调用的情况下实现它。我正在尝试使用ajax调用。这正是我的观点，请在每次单击“下一步”或“上一步”按钮时调用ajax，并发送相应的
start\u Index
和
end\u Index
。在您的服务器端，接收这些，以便在服务器响应中从您的数据库发送相关数据。我不明白您的意思。