php ajax ページネーション 2_PHP チュートリアル
- WBOYオリジナル
- 2016-07-20 11:05:52849ブラウズ
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 ページ]'、
nextpage:'[次の 10 ページ]'、
javascript: 'ページを開く'、 // とても憂鬱です〜 関数名
Send: function(method, url, pars, fun) { // Ajax 接続の初期化
new Ajax.Request( url, { メソッド: メソッド, パラメーター: pars, onComplete: eval ('this.結果')});
},
開く: 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);結果: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);//ページング制御関数を呼び出すと、実際にはカスタマイズできるパラメータが 3 つあります 複数のページング スタイル
}
use using ‐ ' +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);
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)+']'; ️ htmlstr 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+'< ;/a> ';
}
htmlstr+='[共'+totalpage+'页|'+number+'条记录]';
}
$(Page.pagediv).innerHTML=htmlstr;
}
}/ /结束
この文件主的作用就是实现在客气有分页效果喽.