javascript代码实例教程-使用jquery.pagination.js进行分页处理

发布时间:2019-02-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-使用jquery.pagination.js进行分页处理脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

使用jquery.pagination.js进行分页处理

HtML代码:

将上段代码放在页面的最底端即可。

Js代码:

代码流程:

首先利用这个js需要进行两次后台的访问。

第一次是查找到分页的个数,也就是说分几页。

第二次是查找当前页的数据

// 分页每页信息条数

VAR ITems_PEr_page=10;

//页号

var pageindex =0;

//总共的数据条数,例子中在进入页面以前(action中或是mvc中)就得到了数据条数。

var recordtotal=${allNum};

$(document).ready(function(){

//判断返回的数据条数是否为0,如果为零则提示”无数据“

if(recordtotal==0){

//无数据的代码

}else{

//分页-只初始化一次

$("#Pagination").pagination(recordtotal,{

callback:PageCallback,

items_per_page:items_per_page, //每页显示的条目数

num_display_entries:10, //默认值10可以不修改

num_Edge_entries:1, //两侧显示的首尾分页的条目数

prev_text:"上一页",

next_text:"下一页",

current_page:pageIndex //当前页索引

});

//分页-只初始化一次

}

});

//翻页调用的函数

functionPageCallback(index, jq) {

inittable(index);

returnfalse;

}

//请求分页数据

functionInitTable(pageIndex) {

varareaname=$("#areaname").val();

$("#recordlist").mask("数据加载中...");

$.ajax({

type:"POST",

url:"powerAll.mvc",

cache:false,

data:{"pageNum":pageIndex,"pageSize":items_per_page}, //需要传到后台的数据有当前页(即将显示的页面从0开始)和每页几条

dataType:'json',

contentType:"application/x-www-form-urlencoded",

success:function(data){

//清空显示层中的数据

varrecordlist =$("#recordlist > tbody:First");

recordlist.empty();

$.each(data,function(i,value){//从后台传回json数据进行分析

iPReplace= value.ip;

ipReplace= ipReplace.split(".").join("_");

varrecordlistcontent="@H_359_126@"+

""+value.powerType+""+

""+value.ip+""+

""+value.powerInputPortNumber+""+

""+value.powerOutputPortNumber+""+

""+value.temperature+"";

recordlistcontent+="编辑";

recordlist.append(recordlistcontent);

$("#recordlist").unmask("数据加载中...");

//setInterval(getTempByIp(value.ip),10000);

ips+=value.ip+",";

//alert($("tabletd").size());

//window.location.reload();

});

getTempByIp();

}//success函数结束

});//ajax请求结束

}

以上主要是前台的代码,后台

在后台主要有两个方法:

第一个得到数据条数:可以利用SQL语句:select count(*) From user where… 这样可以得到总共的条数;

第二个是得到当前页的数据的json数据:

在这里先不说json数据是什么样的。以MySQL为例,可以利用sql语句:select * from userwhere… limit 当前页*每页条数,(当前页+1)*每页条数。在得到list以后可以利用json4j转换为json数据,或手动转换。

这样既可完成分页。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! @L_777_1@,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-使用jquery.pagination.js进行分页处理全部内容,希望文章能够帮你解决javascript代码实例教程-使用jquery.pagination.js进行分页处理所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。