[发明专利]一种基于Ajax技术的无刷新分页方法

说明书

技术领域

本发明涉及一种数据处理方法，特别是涉及一种基于Ajax技术的无刷新分页方法。

背景技术

随着互联网的普及，越来越多的网站系统进入大众视线。在面对数据库中的大量数据要输出时，最难处理的就是采用何种分页技术输出数据库中的数据才更加合理、简单、快捷。现有的方法包括跳转分页和上下分页，然而这两种方法在面对例如一些视频文件播放查看留言介绍时，执行翻译的操作后，视频文件将被重新打开，严重影响用户体验。现有的分页方法使服务器在接受并处理传来的数据后，会产生一个新的网页，浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。

以播客网站系统为例，视频也会被重新加载。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间，这就导致了用户界面的响应比本地应用慢得多。

发明内容

本发明就是为了解决现有的分页方法响应速度慢、浪费带宽、严重影响用户体验的技术问题，提供一种响应速度快、节约带宽、改善用户体验的基于Ajax技术的无刷新分页方法。

Ajax即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，Ajax并非缩写词，是指一种创建交互式网页应用的网页开发技术。Ajax在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从后台服务器请求少量的信息，在不更新整个页面的前提下维护数据，完成分页功能。

本发明提供一种基于Ajax技术的无刷新分页方法，包括以下步骤：

（1）创建一个显示数据的div标签和超长文本分页的超链接，点击超链接调用自定义函数，传递参数调用实现分页功能的文件；

（2）分页功能的文件接收传递过来的参数，显示页数，向后台服务器查询数据；

（3）通过Ajax数据处理装置到后台服务器查询所有数据；

（4）后台服务器返回数据给Ajax数据处理装置；

（5）Ajax数据处理装置根据页数参数过滤数据，返回当前页需要显示的数据；

（6）将数据显示到div标签中。

优选地，步骤（2）中的显示页数具体是第一次默认为首页。

本发明的有益效果是，合理、简单、响应速度快、节约带宽，能够使页面的整体效果更加紧凑，大大改善了用户体验；本发明应用Ajax技术能够让海量数据或者超长文本数据分页输出，可以仅向后台服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的Web Service接口，并在客户端采用JavaScript处理来自后台服务器的响应。因此在后台服务器和浏览器之间交换的数据大量减少，从而使响应速度更快。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。

附图说明

图1是本发明的流程图。

具体实施方式

如图1所示，本发明的流程图，包括以下步骤：

步骤S101，创建一个显示数据的div标签和超长文本分页的超链接，点击超链接调用自定义函数artpagination()，传递参数调用另一个实现分页功能的文件wy_fenye_ok.php。

步骤S102，分页功能的文件接收传递过来的参数，显示页数(第一次默认为首页)，向后台服务器查询数据。

步骤S103，通过Ajax数据处理装置到后台服务器查询所有数据。

步骤S104，后台服务器返回数据给Ajax数据处理装置。

步骤S105，Ajax数据处理装置根据页数参数过滤数据，返回当前页需要显示的数据。

步骤S105，将数据显示到div标签中。

本发明包括wy_fenye.php、wy_fenye_ok.php和discuss_js.js3个文件。

在wy_fenye.php文件中，创建一个div标签，设置div标签的id=＂fenye＂。然后，在div标签中编写长文本分页输出的代码，并且在超长文本分页的超链接中应用onclick事件，调用自定义函数artpagination()，传递的参数为另一个实现分页功能的文件wy_fenye_ok.php。

wy_fenye.php文件关键代码如下：