基于jQuery的分页效果图的实现

1。后台操作生成JSON数据。




列出黑名单= blackservice.getblackinfolist（mobilenum，GatewayId，开始日期，结束日期）；
totalrows = blacklist.size int（）；
StringBuffer某人新的StringBuffer（）；
Sb.append（测度{ + totalrows +
Sb.append（jsonroot ：{）；
为（int i = 0；i < blacklist.size（）；i++）{
lblack blackinfo =（lblack）blacklist.get（我）；
Sb.append（身份{ （+ blackinfo。GetID））；
Sb.append（
Sb.append（移动+ blackinfo.getmobile（））；
Sb.append（
Sb.append（省+ blackinfo.getprovince（））；
Sb.append（
Sb.append（网关：+ blackinfo.getgateway（））；
Sb.append（
Sb.append（inserttime + blackinfo.getinserttime（））；
Sb.append（
Sb.append（说：+ blackinfo.getremark（））；
Sb.append（）；
Sb.append（}，）；
}
sb.deletecharat（sb.lastindexof（
Sb.append（} } ）；

ServletActionContext.getResponse（）httpservletresponse反应=；
response.setcontenttype（文本/平原）；
response.getwriter（）打印（某人）；


2.struts.xml相关配置







UTF-8
/ / /：JSP管理 / black.jsp




3.js获取JSON数据分页显示


功能getjsondata（PN）{
警报（PN）；
美元。getJSON（黑名单。CE
VaR测度= data.totalcount； / /总记录数
VaR PageSize = 10； / /每页几条记录
pagetotal = math.ceil（VaR测度 / / / PageSize）；总页数
VaR的起始= PageSize *（PN 1）；
var = 1 +为起始页末页；
UL = $（var $ # JSON列表）；
ul.empty美元（）；
对于（var i = 0；i < PageSize；i++）{
ul.append美元（' '）；
}
var = data.jsonroot数据库；
如果（pagetotal = = 1）{ / /只有一页
对于（var j = 0；J <测度；j++）{
$（李标记）。
（。追加+ parseInt（j + 1）
+ ）。追加（+数据库{ }移动J。
+ ）。追加（+数据库{ }省J。
+ ）。追加（+数据库{ J }。网关
+ ）。追加（+数据库{J}. inserttime { }。
+ ）。追加（+数据库{ }话J。
+
}
{人}
对于（var j =起始页，k = 0；J <末页，K＜PageSize；J + +，K +）{
如果（J = =测度）{
当遍历到最后一个记录时，退出循环。
}
$（李标记）。Eq（k）。
（。追加+ parseInt（j + 1）
+ ）。追加（+数据库{ }移动J。
+ ）。追加（+数据库{ }省J。
+ ）。追加（+数据库{ J }。网关
+ ）。追加（+数据库{J}. inserttime { }。
+ ）。追加（+数据库{ }话J。
+
}
}
$（。页面计数）文本（pagetotal）；
}）
}
功能getpage（）{
美元。getJSON（黑名单。CE
pn＝1；
VaR测度= data.totalcount； / /总记录数
VaR PageSize = 10； / /每页几条记录
pagetotal = math.ceil（VaR测度 / / / PageSize）；总页数
$（#下）。Click（function（）{）
如果（Pn = = pagetotal）{
警报（不在后面）；
Pn = pagetotal；
{人}
pn +；
GotoPage（PN）；
}
}）；
$（# prev）。Click（function（）{）
如果（pn = 1）{
警报（不在前面）；
pn＝1；
{人}
PN -；
GotoPage（PN）；
}
}）
$（#第一页）。Click（function（）{）
pn＝1；
GotoPage（PN）；
}）；
$（# LastPage）。Click（function（）{）
Pn = pagetotal；
GotoPage（PN）；
}）；
$（#页面跳转）。Click（function（）{）
如果（$（。页号），瓦迩（pagetotal）< = $（。页面数）（。Val）= {！）
pn = $（）。瓦迩（）；
GotoPage（PN）；
其他{ }
警报（）您输入的页数是错误的！；
$（）瓦迩；
}
}）
$（#第一页）。Trigger（点击）；

}）
}
功能gotopage（PN）{
警报（PN）；
$（当前页）。文本（pn）；
getjsondata（PN）
}

$（函数（）{（））
GetPage（）；
}）