本文介绍了如何结合jQuery的getJSON方法和.ASHX处理程序来实现网页的分页功能。通过创建测试数据，展示了一个HTML页面，使用jQuery获取并显示.ASHX返回的JSON数据。在.ASHX页面中，根据请求类型动态生成SQL查询，实现了数据的前后翻页。此外，还展示了如何将DataTable转换为JSON，并提供了简化后的.ASHX代码示例，利用SQL Server的row_number()函数进行分页。
参考了：http://www.cnblogs.com/xingshao/archive/2009/09/11/1564938.html
改进的地方：
1、ashx返回json数据，减少传输数据量，html页面样式控制也比较灵活；
2、改写html页的jQuery代码；
3、把3个ashx文件简化为1个。
一、创建表的测试数据：
create table test(id int identity,title varchar(36))
declare @index int;
set @index = 1;
while(@index < 8888)
begin
insert test(title) values (newid())
set @index = @index + 1
end
二、.html页
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
Init();
});
function Init() {
$("#Content").html("");
$("#pageIndex").val(0);
$("#pageInfo").append("当前第1页");
$.getJSON("Handler.ashx", { type: 'first' }, function(data) {
$("#Content").append("<tr><th style＝'width:130px'>id</th><th style＝'width:150px'>title</th></tr>");
$.each(data, function(i) {
$("#Content").append("<tr><td>" + data[i].id + "</td><td>" + data[i].ti
最低0.47元/天 解锁文章
106
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
