科讯商业版中用到的ajax空间与分页函数

2016-02-19 09:07 4 1 收藏

今天图老师小编要跟大家分享科讯商业版中用到的ajax空间与分页函数,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

科讯sql商业版中用到的ajax空间与分页函数,他们的js代码学习是非常不错的
//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("创建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'正在连接服务器.../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'正在读取数据.../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=webdings9/font/a a href="javascript:previousPage()" title="上一页"font face=webdings7/font/a ";
     var startpage=1;
     if (this.page==10)
       startpage=2;
     else if(this.page10)
       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 (n10) break;
      }
     statushtml+="a href="javascript:nextPage()" title="下一页"font face=webdings8/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=webdings9/font/a a href="javascript:previousPage()" title="上一页"font face=webdings7/font/a ";
      for(var i=this.page;i=this.pagecount;i++){ 
          if (i==this.page)
           statushtml+="bfont color="#ff0000""+i+"/font/b "
          else
            statushtml+="a href="javascript:turn("+i+")"["+i+"]/a "
            n=n+1;
          if (n10) break;
      }
     statushtml+="a href="javascript:nextPage()" title="下一页"font face=webdings8/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("已经是首页了!")
   else
   loadData(1);

function lastPage()
{
   if(this.page==this.pagecount)
    alert("已经是最后一页了!")
   else
   loadData(this.pagecount);

function previousPage()
{
   if (this.page1)
      loadData(this.page-1);
   else
      alert("已经是第一页了");      
}

function nextPage()
{
   if(this.pagethis.pagecount)
      loadData(this.page+1);
   else
      alert("已经到最后一页了");
}
function turn(i)
{
     loadData(i);
}

来源:http://www.tulaoshi.com/n/20160219/1589588.html

延伸阅读
标签: ASP
Function ExportPageInfo(ByRef rs,curpage,i,LinkFile) Dim retval, j, pageNumber, BasePage retval = "第" & curpage & "页/总" & rs.pagecount & "页 "  retval = retval & "本页" & ...
标签: Web开发
From: IECN.Net ; Author: 钟钟 /**  * 分页类构造  * 参数 nTotalList: 总条数  * 参数 nPageSize: 每页显示条数  * 参数 nPageNum: 当前页码  * 参数 sPageUrl: 分页链接的URL,页码以[pn]代替,输出时将被替换为实际...
标签: Web开发
很多时候,设计师希望要求我们完全还原设计图,甚至是要求像素完美。颜色是设计中很重要的一部分,你也会将设计图中的色彩完整的还原到页面中。然而,很多时候可能就连设计师自己都不知道用了多少种颜色。 显然,页面中使用过多的颜色并不是好事。 是一个专门用于查看和编辑CSS中用到的颜色的网站,它由基于项目构建,采用 及其 ...
标签: Web开发
由于查询返回的数据量很大,超过10w条数据,因此需要对页面查询功能进行优化。放弃原有程序中使用DataGrid的做法,自己编写分页显示模块。     首先在页面上添加几个DIV:         div id="div_trackpoint" style=" border:solid 1px gray; height:230px; width:99%; overflow-y...
标签: Web开发
html head titleAJAX静态分页演示:http://www.jb51.net/title meta http-equiv="content-type" content="text/html;charset=gb2312" style type="text/css" !-- body                { text-align:center;font:14px Verdana,sans-serif; } a:link,a...

经验教程

194

收藏

85

精华推荐

无框架 Ajax分页

无框架 Ajax分页

加州理工类

新浪中用来显示flash的函数

新浪中用来显示flash的函数

CBD东舍

AJAX 常用函数

AJAX 常用函数

邻家阿姨22

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部