在客户端执行数据库记录的分页显示----1

80酷酷网    80kuku.com

  分页|客户端|数据|数据库|显示|执行绪论

  在ASP程序应用中经常有一个任务就是在一个分页格式中显示数据库的查询结果。比如,当处理大量的记录内容时,应该一次只显示10个项目,这样就会使访问者使用这些信息更容易些。网络上已经有许多文章示范了多种对数据库查询结果进行分页的方法,其中较好的文章包括:

  使用存储过程对数据库记录进行分页

  数据库分页样本代码

  使用GetRows对记录进行分页

  但是所有这些文章介绍的方法都是在服务器端进行分页处理的。举例来说,假如有30条数据库记录,我们希望一次显示10条记录。当用户请求第一页数据时,ASP页面就提取前10条记录并将它们发送给客户。当用户已经作好准备可以阅览下面10条记录时,他就点击一个链接,这时ASP页面就被重新装载,通过查询字符串传递进来一个新的页面值,ASP页面将取出第11条到20条记录,并将它们发给用户。

  本文中我们将把这整个处理过程移植到客户端。当用户联机查看数据时,这30个记录将全部以客户端JavaScript 数组的形式发送到客户机上。另外,附加的客户端JavaScript代码负责显示第1到第10条记录,并且链接到后面或者前面的记录集。当点击这些链接时,将执行客户端JavaScript代码,新的数据会显示出来。由于这些都是在客户端发生的,因此只有在页面第一次被装载时才需要与Web服务器联系,从而省却服务器与客户端间的数据传递消耗,无疑大大地提高了应用程序的性能。

  所需要的客户端脚本

  要实现在客户端显示分页的数据库记录,ASP页面应该生成什么样的客户端脚本呢?如同前面所述,我们需要创建一个客户端数组。因为我们准备在一个HTML表格中显示数据库记录,那么就要创建一个HTML数组,也许用它来显示一个HTML TABLE行(<tr><td> Database Value </td></tr>)。这个数组中将包含所有我们希望允许用户翻阅的数据库元素。

  我们还需要一个客户端的JavaScript函数以显示这些数组值的子集。使用这个函数,我们可以显示前N 个记录;当用户点击一个链接时,就可以显示后面(或前面) N个记录。也就是说,这个函数负责客户端分页。

  最后,我们还需要一些方法在不更新页面的情况下来动态改变一个HTML页面的显示。这可以通过DHTML(动态HTML)来实现。要实现这个目的,我们需要在堆积所有输出的地方创建一个HTML DIV标记,然后使用客户端JavaScript代码在这个DIV标记中动态修改内容。关于使用DHTML的更多信息,请阅读动态HTML入门及跨浏览器DHTML教程.

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: