html ajax实现分页代码,HTML用ajax分页(示例代码)

首先有几点说明：1. 文章是.net 用Ajax进行分页。

2. 新手上路，仅供参考，亲测有效

3. 代码有点繁琐，重复，刚写出来就发出来了

这是主页面代码，创建的是一个aspx后缀文件，名字是   Default.aspx

//如果直接复制，这里的路径可能不一样，需要重新定义

window.onload = function () {

var pageindex = 1;

var pagesize = 10;

createXML();

xmlhttp.open("get", "Handler.ashx?pageindex="+pageindex+"&pagesize="+pagesize);

xmlhttp.onreadystatechange = function () {

if (xmlhttp.status == 200 && xmlhttp.readyState == 4) {

var tab = xmlhttp.responseText;//tab的值是指表和表的数据总数

var table = tab.substring(0, tab.length - 8);//-8是为了防止数据量太大

var datacount = tab.substring(tab.length - 8).trim();//数据总数为了判断分页数

if (datacount % pagesize == 0)//求出分页数

pagecount = datacount / pagesize;

else

pagecount = Math.floor(datacount / pagesize) + 1;

document.getElementById("d1").innerHTML = table;

document.getElementById("Hidden1").value = pagecount;// 将分页数给Hidden1

$("table tr:odd").css("background", "#fff")