产品ajax无刷新kesion,科讯商业版中用到的ajax空间与分页函数

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

更新时间:2007年09月02日 22:02:32   作者:

科讯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="

正在连接服务器...
";

}

else if(xhr.readyState==2 || xhr.readyState==3)

{

if (p==1)

                eval('document.all.'+c_obj).innerHTML="

正在读取数据...
";

}

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+" 首页 上一页 下一页 尾页 页次:"+this.page+"/"+this.pagecount+"页 "+this.perpagenum+this.itemunit+this.itemname+"/页";

break;

case 2:

statushtml=""+this.pagecount+"页/"+this.count+this.itemunit+" 9 7 ";

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+=""+i+" "

else

statushtml+=""+i+" "

n=n+1;

if (n>10) break;

}

statushtml+="8 :";

statushtml=""+statushtml+"";

break;

case 4:

statushtml="共"+this.pagecount+"页/"+this.count+this.itemunit+this.itemname+" 9 7 ";

for(var i=this.page;i<=this.pagecount;i++){

if (i==this.page)

statushtml+=""+i+" "

else

statushtml+="["+i+"] "

n=n+1;

if (n>10) break;

}

statushtml+="8 :";

break;

case 3:

statushtml="第"+this.page+"页 共"+this.pagecount+"页 << < > >> "+this.perpagenum+this.itemunit+this.itemname+"/页";

break;

}

statushtml+=" 第";

for(var i=1;i<=this.pagecount;i++){

if (i==this.page)

statushtml+=""+i+"";

else

statushtml+=""+i+"";

}

statushtml+="页";

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.page>1)

loadData(this.page-1);

else

alert("已经是第一页了");

}

function nextPage()

{

if(this.page

loadData(this.page+1);

else

alert("已经到最后一页了");

}

function turn(i)

{

loadData(i);

}

相关文章

1a1b05c64693fbf380aa1344a7812747.png

这篇文章主要介绍了基于JavaScript实现智能右键菜单的相关资料,需要的朋友可以参考下2016-03-03

4f55910a645b073bc4fc65dc10dc14bd.png

函数中首先给maxChars变量指定了值(输入区内最多可用的字符数,注意,该变量是个可用于计算的数值)2008-07-07

0ea3c7666119d5615e582f823fb3fad6.png

这篇文章主要为大家详细介绍了Javasript设计模式之链式调用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2018-04-04

4f96a78db829b1556ff16de21e013c7a.png

这篇文章主要为大家详细介绍了图片文字识别(OCR)插件Ocrad.js教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2018-11-11

8cc1031babc6aff2319f1c6af8544aa0.png

这篇文章主要介绍了JS使用ajax从xml文件动态获取数据显示的方法,实例分析了javascript使用Ajax技术操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03

0c932a99bb7b6f23c937db507070cc7b.png

这篇文章主要为大家详细介绍了微信小程序上传图片实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2018-05-05

cca732bf65a93ed2ec0ac80c638460fe.png

这篇文章主要介绍了Javascript中String的常用方法,实例分析了String常用的字符转换、截取、分割等技巧,需要的朋友可以参考下2015-06-06

2d9f31f2af7b675a3d153d2b7f1035a7.png

这篇文章主要介绍了BootStrap导航栏问题记录,非常不错,具有参考借鉴价值,需要的朋友可以参考下2017-07-07

b452cee8ec5cd9e58ab98eba17281e59.png

这篇文章主要介绍了原生JavaScript实现瀑布流布局的相关资料,实现鼠标下拉图片自动加载效果,和百度图片效果类似,需要的朋友可以参考下2016-01-01

f4838ec7e2d4da28e0b57d4e852dadd4.png

这篇文章主要介绍了JS实现双击编辑可修改状态的方法,涉及javascript针对页面元素的动态创建及设置技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08

最新评论

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值