Jquery Ajax.ashx 高效分页实现代码高效分页实现代码
以前的我，用惯了 UpdatePanel UpdateProgress 等控件，甚至到了滥用的程度，只是一味的追求无刷新，一边弄这 loading 图
片 提示，这样貌似更美观，但是 感觉 更损失了性能， 而且有时候还破坏了网站的完整性。
但是学了Jquery之后，了解了 Jquery.ajax ,Jquery.get 等方法，从而学会了使用 webservice 和.ashx 文件，来与服务器交互。
这次的Jquery分页 是与 .ashx文件配合的。
建立三个.ashx，分别为PreviewHandler.ashx,PageHandler.ashx,NextHandler.ashx，分别来处理当前页，下一页，上一页的处
理。
PageHandler.ashx
代码如下:
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = “text/plain”;
IQueryable<Answer> answer = xt.Answer.Take(10);
StringBuilder sb = new StringBuilder();
sb.Append(“<table border=’1′ width=’900px;’><tr><th>回答内容</th><th>回答用户名</th><th>创建时间</th></tr>”);
foreach (Answer a in answer)
{
sb.Append(“<tr><td>” + a.Answer_content + “</td><td>” + a.Answer_UserName + “</td><td
onclick=’javascript:alert(“+”aa”+”)’>” + a.Answer_Creatime + “</td></tr>”);
}
sb.Append(“</table>”);
context.Response.Write(sb);
}
NextHandler.ashx
代码如下:
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = “text/plain”;
int RowCount = 10;
int Current = Convert.ToInt32(context.Request.Params[“index”]) + 1;
IQueryable<Answer> answer = xt.Answer.Skip(RowCount * (Current – 1)).Take(RowCount);
StringBuilder sb = new StringBuilder();
sb.Append(“<table border=’1′ width=’900px;’><tr><th>回答内容</th><th>回答用户名</th><th>创建时间</th></tr>”);
foreach (Answer a in answer)
{
sb.Append(“<tr><td>” + a.Answer_content + “</td><td>” + a.Answer_UserName + “</td><td>” + a.Answer_Creatime + “</td>
</tr>”);
}
sb.Append(“</table>”);
context.Response.Write(sb);
}
PreviewHandler.ashx
代码如下:
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = “text/plain”;
int RowCount = 10;
int Current = Convert.ToInt32(context.Request.Params[“index”]) – 1;
IQueryable<Answer> answer = xt.Answer.Skip(RowCount * (Current – 1)).Take(RowCount);
StringBuilder sb = new StringBuilder();
sb.Append(“<table border=’1′ width=’900px;’><tr><th>回答内容</th><th>回答用户名</th><th>创建时间</th></tr>”);
foreach (Answer a in answer)
{
sb.Append(“<tr><td>” + a.Answer_content + “</td><td>” + a.Answer_UserName + “</td><td>” + a.Answer_Creatime + “</td>
</tr>”);
}
sb.Append(“</table>”);
context.Response.Write(sb);
}
三个文件其实代码大多类似，然后通过html或者aspx文件来调用，用Jquery.get()
代码如下:
<div id=”lab”>
<input type=”button” onclick=”Init();” value=”初始化数据” />
<div id=”content” style=”width:100%”>
</div>
资源评论
weixin_38722607
- 粉丝: 5
- 资源: 863
最新资源
- 高校毕业生就业信息-JAVA-基于springboot的高校毕业生就业信息管理系统（毕业论文）
- node-red-contrib-opcua-test.json
- 高校社团管理-JAVA-基于springBoot的高校社团管理系统的设计与实现（毕业论文）
- 基于pytorch实现的ghostnetv1、v2、v3对10种鸟类图像识别【完整代码+数据集】
- 医疗设备管理-JAVA-基于springboot的医疗设备管理系统设计与实现（毕业论文）
- 基于AT89C52单片机的6位电子密码锁设计-14.zip
- 解决用STM32CubeMX配置FreeRTOS时头文件丢失问题
- 古城景区-JAVA-基于Spring Boot的古城景区管理系统的设计与实现（毕业论文）
- 2024全国大学生软件测试大赛Web赛项-省赛真题
- 商用密码，我国商用密码行业发展介绍
- 交通旅游订票-JAVA-基于spring boot的交通旅游订票系统设计与实现（毕业论文）
- 商用密码法律法规及标准体系解读V1.8-240827
- 流浪动物救助-JAVA-基于spring boot的流浪动物救助系统的设计与实现（毕业论文）
- Hadoop与Spark集群搭建及中文字频统计与Titanic数据分类实战
- 中国飞行器设计大赛圆筒权重文件
- 学生成绩管理-JAVA-基于spring boot的软件学院学生成绩管理系统的设计与实现（毕业论文）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
