php ajax 分页二

php ajax 分页二

ajax分页   php ajax 分页   java ajax分页   asp.net ajax分页   jquery ajax 分页 jsp ajax无刷新分页   asp ajax分页   ajax 分页问题   ajax实现分页   ajax jsp分页
下面接着上一篇文件来看page.js的代码,

var Page = {
 url:'',//URL地址
 method:'GET',
 display:'',//分页显示方法Default || Default2 || 也可以自定义
 Plugins:'', //返回JSON数据,需要用此函数格式化 需自定义函数
 pagediv:'', //分页字符显示的DIV
 index:'[第一页]',
 lastpage:'[上一页]',
    nextpage:'[下一页]',
 endpage:'[最尾页]',
 lastten:'[上10页]',
 nextten:'[下10页]', 
 javascript:'Page.Open',//很郁闷吧~函数名
 Send: function(method,url,pars,fun) {// Ajax连接初始化
  new Ajax.Request( url,{method: method, parameters: pars, onComplete: eval('this.Result')});
 },
 Open: function(pageno){
  SetCookie('pageno',pageno);
  pars='pageno='+pageno;
  url=this.url;
  fun=this.display;
  method=this.method;
  Page.Send(method,url,pars,fun); 
 },
 Init:function(url,options){
  this.url=url;
  this.display=options.display;
  this.pagediv=options.pagediv;
  this.Plugins=options.format;
  pageno=GetCookie('pageno')?GetCookie('pageno'):1;
  this.Open(pageno);
 },
 Result:function(http) {
  if(http.readyState == 4 ) {
        if(http.status == 200) {
    var response=http.responseText;
           response=eval("("+response+")");
     if(response.result) eval(Page.Plugins)(response.result);
     pageno=parseInt(response.page.pageno);
    totalpage=parseInt(response.page.totalpage);
     number=parseInt(response.page.number);
    try{
     eval('Page.'+Page.display)(pageno,totalpage,number);//调用分页控制函数，其实有着三个参数可以定制出更多的分页样式
    }
       catch(e){
     try{
      eval(Page.display)(pageno,totalpage,number);
     }
     catch(e){
      alert('未定义的分页控制处理函数'+Page.display);
     }
    }
   }
  }
 },
 number:function(pageno,totalpage,number) {
   pagenums=10;
   page=Math.ceil(pageno/pagenums);
   pagenum=Math.ceil(totalpage/pagenums);
   if(page==pagenum) nums=(totalpage-(pagenum-1)*pagenums); else nums=pagenums;
    htmlstr=''; 
   if(number==0) htmlstr+='当前页没有任何记录！';
   else{
    if(page==1) htmlstr+=Page.lastten;
    else
     htmlstr+='<a href="javascript:'+Page.javascript+'('+((page-1)*pagenums)+')">'+Page.lastten+'</a>';
    if(pageno==1) htmlstr+=Page.lastpage;
    else
     htmlstr+='<a href="javascript:'+Page.javascript+'('+(pageno-1)+')">'+Page.lastpage+'</a>';
    for(p=1;p<=nums;p++) {
         htmlstr+='<a href="javascript:'+Page.javascript+'('+((page-1)*pagenums+p)+')"><span>';
         if(pageno==((page-1)*pagenums+p))
       htmlstr+='<b>['+((page-1)*pagenums+p)+']</b></span></a>';
         else
       htmlstr+='['+((page-1)*pagenums+p)+']</span></a>';
     }
    if(pageno==totalpage)
       htmlstr+=Page.nextpage;
    else
       htmlstr+='<a href="javascript:'+Page.javascript+'('+(pageno+1)+')">'+Page.nextpage+'</a>';
    if(page==pagenum)
       htmlstr+=Page.nextten;
    else
       htmlstr+='<a href="javascript:'+Page.javascript+'('+((page*pagenums)+1)+')">'+Page.nextten+'</a>';
       htmlstr+='[共'+totalpage+'页|'+number+'条记录]';
  }
     $(Ajaxdiv).innerHTML=htmlstr;
 },
 string:function(pageno,totalpage,number) {
  htmlstr='';
   if(number==0) htmlstr+='当前页没有任何记录！';
      else{
      if(pageno==1) htmlstr+='&nbsp;'+Page.index+'&nbsp;'+Page.lastpage;
         else{
       htmlstr+='&nbsp;<a href="javascript:'+Page.javascript+'(1)">'+Page.index+'</a>&nbsp;<a href="javascript:'+Page.javascript+'('+(pageno-1)+')">'+Page.lastpage+'</a>';
    }
      if(pageno==totalpage) htmlstr+='&nbsp;'+Page.nextpage+'&nbsp;'+Page.endpage+'&nbsp;';
       else{
       htmlstr+='&nbsp;<a href="javascript:'+Page.javascript+'('+(pageno+1)+')">'+Page.nextpage+'</a>&nbsp;<a href="javascript:'+Page.javascript+'('+(totalpage)+')">'+Page.endpage+'</a>&nbsp;';
    }
    htmlstr+='[共'+totalpage+'页|'+number+'条记录]';
  }
     $(Page.pagediv).innerHTML=htmlstr;
 }
}//结束

这个文件主要的作用就是实现在客气有分页效果喽.