ajax实现的分页代码（一）

准备工作
Page.js页面源码

//cP但前页码
//tP总页数
//tN总记录数
function showPages(cP,tP,tN){
    		//处理页码大于总页数
    		if(cP>=tP){
    			cP=tP;
    		}
    		//处理页码小于1
    		if(cP<1){
    			cP=1;
    		}
			var pageHtml="共"+tN+"项 第"+cP+"/"+tP+"页";
			if(cP==1){
				pageHtml+=" 首页 上页";
			}else{
				pageHtml+=" <a  href=\"javascript://nop/\" onclick='gotoPage(1)'>首页</a>";
				pageHtml+="<a  href=\"javascript://nop/\" onclick='gotoPage("+(parseInt(cP)-1)+")'> 上页 </a>";
			}
			if(cP>=tP){
				pageHtml+=" 下页 尾页";
			}else{
				pageHtml+="<a  href=\"javascript://nop/\" onclick='gotoPage("+(parseInt(cP)+1)+")'> 下页</a>";
				pageHtml+="<a  href=\"javascript://nop/\" onclick='gotoPage("+tP+")'> 尾页</a>";
			}
			pageHtml += "&nbsp;<input name=\"pageNo\" type=\"text\" id=\"pageNo\" size=\"3\" onKeyPress=\"return handleEnterOnPageNo();\">&nbsp;"+
            "<input name=\"goto\" type=\"button\" id=\"goto\" value=\"go\" "+
            "onClick=\"forward();\">";
			$("page").innerHTML = pageHtml;
		}
		//构造页面跳转的js函数，函数中需要判断输入的页号是否是合法的数值
		function forward()
	    {
	     if(!(/^([-]){0,1}([0-9]){1,}$/.test($F("pageNo"))))
	     {
	     //输入的值不合法
	       alert("请输入合法的页号！");
	       $("pageNo").focus();
	       $("pageNo").select();
	      }
	      else
	       gotoPage($F("pageNo"));
	    }
	    //处理在跳转页面上按下回车的情况
		  function handleEnterOnPageNo()
		   {
		    if(event.keyCode == 13)
		     {
		     forward();
		      return false;
		    }
		    return true;
		}

在jsp调用页面引入
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/Page.js"></script>