jquery实现的分页显示功能示例

本文实例讲述了jquery实现的分页显示功能。分享给大家供大家参考，具体如下：

我们在显示文章列表的时候，通常需要分页显示。

一种方式是通过SQL查询的limit进行分页，即只查询该页面的数据。

另外一种方式是查询出所有的数据，传递给前段，然后用jquery控制只显示我们想看到的分页。

html代码

js代码

$(function(){
    showPage(1);
  });
  function showPage(page){
    $.ajax({
      type:"GET",
      url:"<{$urlParent}>/newsManageList?cid=all",
      dataType:"json",
      success:function(data){
 var newsTotalNum = data.length; //新闻记录的总条数
 var pageNum = Math.ceil(newsTotalNum/<{$newsPageNum}>); //分页的总页数
 var content = ' ';
 $("#listTag").empty();
 $("#listTag").append(content);
      }
    });
  }

显示效果：

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。