无框架埃阿斯分页（原创)第1/2页

使用如上方法确实可以实现埃阿斯分页效果，但我总觉得不够简洁，研究了一下午，终于捣鼓出了点东西氧首先创建前台页面MyAjaxPager.aspx复制代码代码如下： %@页面语言=' c# ' AutoEventWireup=' true '代码在=' myjaxpager '之前。aspx。cs ' Inherits=' AJaxDemo .MyaJaxpager。MyaJaxpager。myjaxpager " % 1！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title/title style type=' text/CSS ' .{ a } { height :20 px线高：20 px边框-底部：1px实心# d8dfeaclear:both}。{ b } { float : left宽度：30 px} .c { } { float:left宽度width:500px}/style脚本类型=' text/JavaScript ' src=' http :http://www。cn博客。com/JS/AJaxFuncTion。JS '/script脚本类型=' text/JavaScript ' var XMlhttp；函数getData(pIndex){ xmlHttp=GetXmlRequest()；xmlhttp。onreadystatechange=ShowRepeaterData；xmlHttp.open('GET '，' AjaxProcess.aspx？index=' pIndex，true)；xmlhttp。发送(null)；}函数ShowRepeaterData(){ if(xmlhttp。readystate==4 xmlhttp。status==200){ var GridAta=xmlhttp。responsetextvar网格=文档。getelementbyid(' grid ')；grid . innerhtml=GridAta } }/script/head正文表单id=' form 1 ' runat=' server ' div id=' page ' p align=' left ' a href=' JAVAScript 3360 get data(1)；'1/a href=' JAVAScript : get data(2)；'2/a a href=' JAVAScript : get data(3)；'3/a a href=' JAVAScript : get data(4)；'4/a a href=' JAVAScript : get data(5)；'5/a a href=' JavaScript : get data(50)；'50/a a href=' JavaScript : get data(500)；'500/a a href=' JavaScript : get data(5000)；'5000/a href=' JavaScript : get data(50000)；'50000/a a href=' JavaScript : get data(99999)；'99999/a/p div ID=' grid ' ASP :中继器ID=' rptGrid ' runat=' server '标头模板表tr th style='边框：实心1px红色；'编号/th style='边框：实心1px红色；'姓名/th/tr/header template ItemTemplate tr TD style='边框：实心1px红色；'% # Eval(' Id ')%/TD TD TD style='边框：实心1px红色；'% # Eval(' Name ')%/TD/tr/项目模板FooterTemplate/table/FooterTemplate/ASP : repeater/div/div/div/form/body/html画面很简单，就是一排指数地址，当点击链接后会以创建交互式、快速动态网页应用的网页开发技术的方式将数据绑定到下边的复读机。

主要功能是在处理埃阿斯请求的AjaxProcess.aspx页面实现的，我们来看看。 12下一页阅读全文