[发明专利]一种基于HTML碎片技术的分页方法

说明书

技术领域

本发明涉及软件开发技术领域，具体涉及一种基于HTML碎片技术的分页方 法。

背景技术

传统web展现层数据分页，通常采用请求、获取数据、然后刷新整个界面的 方式；而且分页数据的标题和样式跟获取业务数据的逻辑控制，通过硬编码一 起处理。每次分页请求都要刷新整个界面，即影响请求的反应速度，又降低了 客户体验度。同时，业务数据获取与界面展现样式编码在一起，造成分页的样 式代码不方便重复使用。

发明内容

本发明解决的技术问题在于提供一种基于HTML碎片技术的分页方法，使 WEB应用系统软件在数据分页请求时，不再刷新整个界面，从而提高访问速度， 改善用户体验，同时将分页样式与业务数据分离，提高代码的可复用性。

本发明解决上述技术问题的技术方案是：

所述的方法是用户点击“前一页”、“后一页”、“首页”、“末页”等分页请求时， 展现层不直接请求、跳转、刷新界面，而是由AJAX通道进行异步请求；控制层 和服务层得到请求后，获取到业务数据，不加渲染直接返回给对应的HTML碎片 页面；原界面通过碎片加载技术，将碎片页面加载进来，替换掉旧的业务数据， 实现不刷新整个界面而完成分页请求。

所述的方法更具体而言是由界面通过JS函数调用AJAX异步向作为控制层 和服务层的服务器发送分页请求；创建HTML碎片页面，用于保存分页数据的标 题及样式；服务器端接收到请求后，调用相应的接口，获取到单纯的业务数据； 然后返回给HTML碎片页面；请求返回成功后，通过AJAX的反调函数，触发原 界面使用.html(data)方法加载HTML碎片页面，从而达到不刷新界面完成分页 请求。

主要包括如下步骤：

第1步、创建JS函数，调用AJAX异步向服务器发送分页请求，并设置请 求成功后的反调函数；

第2步、创建HTML碎片页面，保存分页数据的标题和排版样式；

第3步、创建控制及服务层，用于响应分页请求，获取业务数据，并将业 务数据反馈给HTML碎片页面；

第4步、调用AJAX请求成功后的反调函数，触发原界面使用.html(data) 方法加载HTML碎片页面。

本发明的有益效果是：通过AJAX异步请求提高了访问速度；不刷新整个 界面，改善了用户体验；将分页样式与分页数据分离，增强了代码的可复用性。

附图说明

下面结合附图对本发明进一步说明：

图1为该方法实现的流程图。

具体实施方式

如图1所示，下面我们以JS、JAVA、JSP为例，讲述该方法的实施：

第1步、界面创建JS函数，调用AJAX异步向服务器发送分页请求，JS代码 如下：

第2步、创建HTML碎片页面，保存分页数据的标题和排版样式，JSP代码如下：

第3步、创建控制及服务层，响应分页请求，获取业务数据返回HTML页面：

第4步、JS函数中AJAX调用反调函数，触发界面通过.html(data)方法加 载HTML碎片页面。