如何与jQuery和AJAX分页?

时间:2012-05-10 09:44:45

标签: jquery jsonp

我想对来自服务器的JSON Result进行分页。我正在使用HTML5,jQuery和AJAX调用来获取数据。我可以从服务器获取数据,如下所示......

示例:我使用Ajax调用(JSON结果)从服务器收到了10条记录,我希望每页显示5条记录。

{"name" : "GPR1"},{"name": "GPR2"},{"name" : "GPR3"},{"name" : "GPR4"},{"name" : "GPR5"},{"name" : "GPR10"},{"name" : "GPR9"},{"name" : "GPR8"},{"name" : "GPR7"},{"name" : "GPR6"}

1 个答案:

答案 0 :(得分:3)

您可以使用一些Jquery插件对您获取的结果进行分页,即使obviuos要在Google上搜索“Jquery分页插件”。 以下是上面搜索的结果: http://www.jqueryrain.com/2012/04/best-ajax-jquery-pagination-plugin-tutorial-with-example-demo/。 自定义解决方案是:

  • 将JSON数据保存在全局变量中(缓存在内存中)
  • 为分页设置自己的控件(上一个和下一个按钮)
  • 在分页按钮上绑定“点击”以激活分页
  • - >通过使用基本的javascript“slice”方法然后显示数据来完成分页。