js无刷新分页

现在我用repeater空间绑定了数据，想用Ajiax实现无刷新分页，各位给个思路

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<head>
<title>分页效果</title>
</head>
<script language="javascript">
var page = 1;//页数
var ps = 1;//开始页数
var num = 20;
var lastNum = 9;
function setPagClick(type){
    var showPage = "";
if (type == 1) {
var whref = window.location.href;
var indexof = whref.indexOf("?");
if (indexof != -1) {
var wlength = whref.length;
var gh = whref.substring(whref.indexOf("=") - 0 + 1, wlength);
page = gh - 0;
}
}
//在这里用个Ajax请求，传个page过去，查相应的信息.....
    var start = page - 4;
var end = page + 4;
if (start > 0 && end <= num) {
ps = start;
lastNum = end;
} else {
if (page <= 4) {
ps = 1;
lastNum = 9;
if (num < 9) {
lastNum = num;
}
} else {
if (end > num && end <= num + 4) {
ps = ps + num - lastNum;
lastNum = num;
}
}
}
var prev = "<a id='prepage' href='javascript:void(0);' onclick='setPage(" + 0 + ",1)'>Prev</a>    ";
var next = "<a id='nextpage' href='javascript:void(0);' onclick='setPage(" + 0 + ",2)'>Next</a>";
    for(var i=ps; i<=num;i++){
       if (i < ps + 9) {
           showPage += "<a id='showPage" + i + "' href='javascript:void(0);' onclick='setPage(" + i + ",3)'>" + i + "</a>    ";
   }
    }
    document.getElementById("page").innerHTML=prev + showPage + next;
    document.getElementById("showPage"+page).style.color="red";
document.getElementById("showPage"+page).style.cursor = "text";
if (page == 1) {
document.getElementById("prepage").style.cursor = "text";
} else {
if (page == num) {
document.getElementById("nextpage").style.cursor = "text";
}
}
}//分页
function setPage(pg, type) {
if (type == 1) {
if (page > 1) {
page -= 1;
document.getElementById("prepage").href = "#?page=" + page;
setPagClick(2);
}
} else {
if (type == 2) {
if (page < num) {
page = page - 0 + 1;
document.getElementById("nextpage").href = "#?page=" + page;
setPagClick(2);
}
} else {
page = pg;
document.getElementById("showPage" + page).href = "#?page=" + page;
setPagClick(2);
}
}
}</script>
<body onLoad="setPagClick(1)">
<div style="text-align:center"><b id="page"></b></div>
</body>
</html>
给个思路吧把已经返回的数据覆盖页面上正在显示的数据的那个tbody、table或是div数据就行了