|
|
//ajax 控件
function PageAjax(){
var xhrObj=null;
if(window.XMLHttpRequest)
{
xhrObj=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try{
xhrObj=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e1)
{
try{
xhrObj=new ActiveXObject("MSXML2.XMLHTTP");
}
catch(e2){
try{
xhrObj=new ActiveXObject("MSXML3.XMLHTTP");
}
catch(e3){
alert("創(chuàng)建Ajax失敗："+e3)
}
}
}
}
else
{
alert("未能識別的瀏覽器");
}
return xhrObj;
}
function Page(curPage,labelid,classid,installdir,url,refreshtype,specialid)
{
this.labelid=labelid;
this.classid=classid;
this.url=url;
if (labelid.substring(0,5)=="{SQL_")
{
var slabelid=labelid.split('(')[0];
slabelid=slabelid.replace("{","");
this.c_obj="c_"+slabelid;
this.p_obj="p_"+slabelid;
}
else
{
this.c_obj="c_"+labelid;
this.p_obj="p_"+labelid;
}
this.installdir=installdir;
this.refreshtype=refreshtype;
this.specialid=specialid;
this.page=curPage;
loadData(1);
}
function loadData(p)
{ this.page=p;
var xhr=new PageAjax();
xhr.open("get",installdir+url+"?labelid="+escape(labelid)+"&classid="+classid+"&refreshtype="+refreshtype+"&specialid=" +specialid+"&curpage="+p,true);
xhr.onreadystatechange=function (){
if(xhr.readyState==1)
{
if (p==1)
eval('document.all.'+c_obj).innerHTML="<div align='center'><img src='"+installdir+"images/loading.gif'>正在連接服務(wù)器...</div>";
}
else if(xhr.readyState==2 || xhr.readyState==3)
{
if (p==1)
eval('document.all.'+c_obj).innerHTML="<div align='center'><img src='"+installdir+"images/loading.gif'>正在讀取數(shù)據(jù)...</div>";
}
else if(xhr.readyState==4)
{
if (xhr.status==200)
{
var pagearr=xhr.responseText.split("{ks:page}")
var pageparamarr=pagearr[1].split("|");
count=pageparamarr[0];
perpagenum=pageparamarr[1];
pagecount=pageparamarr[2];
itemunit=pageparamarr[3];
itemname=pageparamarr[4];
pagestyle=pageparamarr[5];
getObject(c_obj).innerHTML=pagearr[0];
pagelist();
}
}
}
xhr.send(null);
}
function getObject(id)
{
if(document.getElementById)
{
return document.getElementById(id);
}
else if(document.all)
{
return document.all[id];
}
else if(document.layers)
{
return document.layers[id];
}
}
function pagelist()
{
var n=1;
var statushtml=null;
switch(parseInt(this.pagestyle))
{
case 1:
statushtml="共"+this.count+this.itemunit+" <a href=/"Javascript:homePage(1);/" title=/"首頁/">首頁</a> <a href=/"Javascript:previousPage()/" title=/"/"></a> <a href=/"Javascript:nextPage()/" title=/"/"></a> <a href=/"Javascript:lastPage();/" title=/"最后一頁/">尾頁</a> 頁次:<font color=red>"+this.page+"</font>/"+this.pagecount+"頁 "+this.perpagenum+this.itemunit+this.itemname+"/頁";
break;
case 2:
statushtml="<a href='#'>"+this.pagecount+"頁/"+this.count+this.itemunit+"</a> <a href=/"Javascript:homePage(1);/" title=/"首頁/"><font face=webdings>9</font></a> <a href=/"Javascript:previousPage()/" title=/"/"><font face=webdings>7</font></a> ";
var startpage=1;
if (this.page==10)
startpage=2;
else if(this.page>10)
startpage=eval((parseInt(this.page/10)-1)*10+parseInt((this.page)%10)+2);
for(var i=startpage;i<=this.pagecount;i++){
if (i==this.page)
statushtml+="<a href=/"#/"><font color=/"#ff0000/">"+i+"</font></a> "
else
statushtml+="<a href=/"Javascript:turn("+i+")/">"+i+"</a> "
n=n+1;
if (n>10) break;
}
statushtml+="<a href=/"Javascript:nextPage()/" title=/"/"><font face=webdings>8</font></a> <a href=/"Javascript:lastPage();/" title=/"最后一頁/"><font face=webdings>:</font></a>";
statushtml="<span class='kspage'>"+statushtml+"</span>";
break;
case 4:
statushtml="共"+this.pagecount+"頁/"+this.count+this.itemunit+this.itemname+" <a href=/"Javascript:homePage(1);/" title=/"首頁/"><font face=webdings>9</font></a> <a href=/"Javascript:previousPage()/" title=/"/"><font face=webdings>7</font></a> ";
for(var i=this.page;i<=this.pagecount;i++){
if (i==this.page)
statushtml+="<b><font color=/"#ff0000/">"+i+"</font></b> "
else
statushtml+="<a href=/"Javascript:turn("+i+")/">["+i+"]</a> "
n=n+1;
if (n>10) break;
}
statushtml+="<a href=/"Javascript:nextPage()/" title=/"/"><font face=webdings>8</font></a> <a href=/"Javascript:lastPage();/" title=/"最后一頁/"><font face=webdings>:</font></a>";
break;
case 3:
statushtml="第<font color=#ff000>"+this.page+"</font>頁 共"+this.pagecount+"頁 <a href=/"Javascript:homePage(1);/" title=/"首頁/"><<</a> <a href=/"Javascript:previousPage()/" title=/"/"><</a> <a href=/"Javascript:nextPage()/" title=/"/">></a> <a href=/"Javascript:lastPage();/" title=/"最后一頁/">>></a> "+this.perpagenum+this.itemunit+this.itemname+"/頁";
break;
}
statushtml+=" 第<select name=/"goto/" onchange=/"turn(parseInt(this.value));/">";
for(var i=1;i<=this.pagecount;i++){
if (i==this.page)
statushtml+="<option value='"+i+"' selected>"+i+"</option>";
else
statushtml+="<option value='"+i+"'>"+i+"</option>";
}
statushtml+="</select>頁";
getObject(this.p_obj).innerHTML=statushtml;
}
function homePage()
{
if(this.page==1)
alert("已經(jīng)是首頁了！")
else
loadData(1);
}
function lastPage()
{
if(this.page==this.pagecount)
alert("已經(jīng)是最后一頁了！")
else
loadData(this.pagecount);
}
function previousPage()
{
if (this.page>1)
loadData(this.page-1);
else
alert("已經(jīng)是第一頁了");
}
function nextPage()
{
if(this.page<this.pagecount)
loadData(this.page+1);
else
alert("已經(jīng)到最后一頁了");
}
function turn(i)
{
loadData(i);
}
JavaScript技術(shù)：科訊商業(yè)版中用到的ajax空間與分頁函數(shù)，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
