首页 > 后端开发 > php教程 > php ajax 分页二_PHP教程

php ajax 分页二_PHP教程

WBOY
发布: 2016-07-20 11:05:52
原创
906 人浏览过

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+=''+Page.lastten+'';
    if(pageno==1) htmlstr+=Page.lastpage;
    else
     htmlstr+=''+Page.lastpage+'';
    for(p=1;p         htmlstr+='';
         if(pageno==((page-1)*pagenums+p))
       htmlstr+='['+((page-1)*pagenums+p)+']
';
         else
       htmlstr+='['+((page-1)*pagenums+p)+']';
     }
    if(pageno==totalpage)
       htmlstr+=Page.nextpage;
    else
       htmlstr+=''+Page.nextpage+'';
    if(page==pagenum)
       htmlstr+=Page.nextten;
    else
       htmlstr+=''+Page.nextten+'';
       htmlstr+='[共'+totalpage+'页|'+number+'条记录]';
  }
     $(Ajaxdiv).innerHTML=htmlstr;
 },
 string:function(pageno,totalpage,number) {
  htmlstr='';
   if(number==0) htmlstr+='当前页没有任何记录!';
      else{
      if(pageno==1) htmlstr+=' '+Page.index+' '+Page.lastpage;
         else{
       htmlstr+=' '+Page.index+' '+Page.lastpage+'';
    }
      if(pageno==totalpage) htmlstr+=' '+Page.nextpage+' '+Page.endpage+' ';
       else{
       htmlstr+=' '+Page.nextpage+' '+Page.endpage+' ';
    }
    htmlstr+='[共'+totalpage+'页|'+number+'条记录]';
  }
     $(Page.pagediv).innerHTML=htmlstr;
 }
}//结束

 

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

 

 


www.bkjia.comtruehttp://www.bkjia.com/PHPjc/445078.htmlTechArticleajax分页 php ajax 分页 java ajax分页 asp.net ajax分页 jquery ajax 分页 jsp ajax无刷新分页 asp ajax分页 ajax 分页问题 ajax实现分页 ajax jsp分页 下面接着...
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板