静态分页 ajajx +json
$(function()
{
//总页数
var totalPage=$("#totalPage").html();
//获取页面信息
var everPage=$("#everPage").html();
var currentPage=$("#currentPage").html();
var totalCount=$("#totalCount").html();
//选择当前页设置
for(var i=1;i<=totalPage;i++){
$("#currentSelect").append
("<option value="+i+">"+i+"</option>")
}
//点击当前页事件
$("#currentbt").dblclick(function(){
$("#currentPage").hide();
$("#currentSelect").show();
})
//选择当前页change事件
$("#currentSelect").change(function(){
var currentPage=$(this).val();
//设置当前页
$("#inCurrent").val(currentPage);
//控制页面跳转
$("#pagefrom").submit();
})
//分页操作
$("#pagetable th").click(function(e)
{
//获取点击元素ID
var activeTd=$(this).attr("id");
//是否有下一页
var pageDown=$("#pageDown").html();
//是否有上一页
var pageUp=$("#pageUp").html();
//下一页
if(activeTd=="pageDownbt"&&pageDown=="true")
{
$("#usertable td").html("");
currentPage++;
pageOperate();
}
//上一页
if(activeTd=="pageUpbt"&&pageUp=="true")
{
$("#usertable td").html("");
currentPage--;
pageOperate();
}
});
/********************** 页面操作方法strat***********/
function pageOperate()
{
//ajax post传值到后台
$.post("pageUp", { everPage:everPage,currentPage:currentPage,totalCount:totalCount},
function(data)
{
//解析json 数据串
var dataObj=$.parseJSON(data);
//获取userJson
var jsonuser = dataObj.userinfo;
//获取pageJson
var jsonPage=dataObj.page;
//更新page 数据
$("#currentPage").html(jsonPage.currentPage);
$("#pageUp").html(jsonPage.pageUp);
$("#pageDown").html(jsonPage.pageDown);
//将json 数据重新铺在table上
for(var i=0;i<totalCount;i++)
{
$(".td1").eq(i).html(jsonuser[0][i].username);
$(".td2").eq(i).html(jsonuser[0][i].password);
$(".td3").eq(i).html(jsonuser[0][i].truename);
$(".td4").eq(i).html(jsonuser[0][i].job);
$(".td5").eq(i).html(jsonuser[0][i].power);
}
});
}
/********************** 页面操作方法end***********/
})