静态页面分页的asp ajax代码

最近由于工作需要，需要在静态页面上实现分页。经过几番思考，我决定用AJAX来实现它，于是我对下面的事情进行了修补。截图如下：。

复制的代码如下：html head titleAJAX静态分页/Title Meta http-equiv=' Content-type ' Content=' text/html；charset=GB 2312 ' style type=' text/CSS '！-车身{ text-align : center；font:14pxVerdana，无衬线字体；} a:link，a:visited { color: # 00f文本装饰： none；} a:hover { color: # f00文本修饰：下划线；} # main { width:450px背景# f2f2f2border:1px # 999solidpadding:10pxtext-align : left；线高：150%；margin:0auto} # title { width :100%；线高：30 px；边框-底部：1 px # 999 solid；display:table} #左{ float:left宽度：50%；text-align : left；font-size :14 px；font-weight : bold；} #右{ float:left宽度：50%；text-align : right；} #内容{ width :100%；margin:10px0clear:both} #下载{ width :100%；margin:10px0线高：150%；}-/style script type=' text/JavaScript '！-functioncreateajax(){//此函数将返回XMLHTTP对象实例var _ xmlhttp请尝试{ _ xmlhttp=newactivexoobject(' Microsoft。XMLHTTP’)；//创建//IE的方式} catch(e){ try { _ xmlhttp=new xmlhttprequest()；//FF等浏览器创建方法} catch(e){ _ xmlhttp=false；//如果创建失败，将返回false } } return _ xmlhttp//返回一个xmlhttp对象实例} functiongetweblist(page){//此函数用于获取分页数据varxmlhttp=createAJax()；//创建变量xmlhttp，并给它if (xmlhttp)由createAjax()函数创建的对象实例。{//如果xmlhttp对象创建成功，则在条件语句中执行程序var content=document . getelementbyid(' content ')；//获取对象xmlhttp.open('get '，' server.asp？page=' page 'n=' Math.random()，true)；//打开与服务器的连接，其中get为连接方式，server.asp为要连接的页面。有两个参数，第一个参数page是返回数据的页数，第二个参数n是随机数，所以每次发送的URL会不一样，这就相当于向服务器发送了一个新的请求，避免了浏览器缓存数据。Xmlhttp . onreadystatechange=function(){//为xmlhttp对象的readystate属性指定一个事件。当属性值改变时，则执行程序If(xmlhttp . readystate==4xmlhttp . status==200){//If xmlhttp。readyState==4和xmlhttp。status==200，在条件下执行程序，其中readystate有5个值，4表示请求完成，客户端提交给服务器的数据成功到达，status有n多个值-_-。其中200是OK，这意味着服务器完成向客户端发送数据。content . innerhtml=une scape(xmlhttp . responsetext)；//解码服务器返回的数据，写入指定的ID。} else { content . innerhtml=' span style=' color : red '从服务器提取数据./span '；//如果服务器没有完成传输，会提示用户正在传输。} } xmlhttp . send(null)；//向服务器发送请求，因为是get请求，所以会直接附加到URL上，所以这里括号里的数据为null，可能不会写入IE，但是必须给FF加上null，否则发送失败。} } functionedit(){//函数varstr=' formstyle=' margin:0 '用于编辑显示的页数。每页显示input type=' text ' id=' page size ' size=' 3 ' input type=' button ' id=' save BTN ' value=' save ' onclick=' save()。输入type=' button ' id=' cancelbtn ' value=' cancel ' onclick=' right info()'/form//定义html字符串varright=document . getelementbyid(' right ')；//在页面中获取正确的对象。right.innerHTML=str将str变量的值写入对象。} functionrightinfo(){//right对象，请调用document.getelementbyid ('right ')。innerhtml=' a href=' JavaScript : void(Edit())' title='修改显示页数' Edit/a '页面开始后，修改显示页数；} functionsave(){//保存修改后的显示号var page size=document . getelementbyid(' page size ')；//这个我就不写了，就像上面的用法一样。

if(pagesize.value==''||/[0-9] /.测试(页面大小。value)==false){//确定用户输入的新数据是不是一个数字警报('请正确填写每页显示条数!');返回；} varxmlhttp=createAJax()；//创建对象if(xmlhttp){ xmlhttp.open('get '，' set.asp？页面大小='页面大小。值“n=”数学。random()，true)//参上同看xmlhttp。onreadystatechange=function(){ if(xmlhttp。readystate==4xmlhttp。status==200){ document。getelementbyid('右').innerHTML=une scape(xmlhttp。response text)；//先写入从服务器返回的字符串，如果成功，会写入已完成。getweb list(1)；//从新获取新修改后的第一页的数据setTimeout('rightinfo()'，3000)；//3秒后将正确对象的原始字符串写入。} else { document。getelementbyid('页面大小').disabled=true//将几个形式表单的元素都设为不可改动文件。getelementbyid('拯救BTN ').disabled=truedocument。getelementbyid('取消BTN ').disabled=true} } xmlhttp。发送(null)；//发送请求。} }/////script/head body on load=' getweb list(1)；'riginfo()；divided=' main ' divided=' title ' divided=' left '静态分页的创建交互式、快速动态网页应用的网页开发技术实现/div divided='右/div/divid='内容/div divided='下载'作者：十一狼br/联系：275915854(QQ)[emailprotected](电子邮件)br/下载：ahref=' http://www .w3cg。net/Ajax。rar ' target=' _ blank ' http://www .w3cg。net/Ajax。rar/a/div/div/body/html打包文件下载