CN104346397A - 基于异步请求页面的切换方法和系统 - Google Patents

Abstract

本发明公开了一种基于异步请求页面的切换方法，包括：将所述异步请求页面的内容区划分为快照缓存区和当前工作区；接收来自用户的页面跳转请求并从服务端接收相应的返回数据；以及将所述当前工作区中的第一操作层作为快照层移入所述快照缓存区并按照其在所述快照缓存区中的时间先后顺序进行编号，并且在所述当前工作区中产生与所接收的返回数据对应的第二操作层。本发明还公开了一种基于异步请求页面的切换系统。

Description

基于异步请求页面的切换方法和系统

技术领域

本发明涉及网站页面的切换方法和系统，更具体来说，涉及基于异步请求页面的切换方法和系统。

背景技术

目前业界做网站页面返回操作主要有两种方式。一种方式是使用浏览器自带的历史回退操作，这种方式适用于同步请求的页面，如果网站的请求为异步时候，浏览器自带的返回操作会将页面返回到一个完全不同的页面，而非是异步请求的上一步请求到的页面，所以基于浏览器自带的返回操作不能解决异步请求的页面返回。

另一种做返回操作方式是将上一步的请求重新执行一遍，这种方式适用于同步请求页面也适用于异步请求页面。但是，这种方式会导致每次返回操作都要重新请求一遍服务端导致返回操作执行速度比较慢。如果网站访问量很大或者服务端执行效率不高，这种返回操作方式会影响整个网站的请求效率同时也增加了服务端请求的压力，影响到网站的稳定性。此外，如果要做到精确返回（返回到场景和原场景完全一致），则可能要求下游页面记录大量上游页面的信息。假如上游页面过多，下游页面记录的信息就会越多越复杂，这无疑会增加开发人员的难度和工作量。同时，页面的稳定性、效率和代码可读性也会大大受到影响。

发明内容

为解决上述问题，根据本发明的一个方面，提供了一种基于异步请求页面的切换方法，包括：将所述异步请求页面的内容区划分为快照缓存区和当前工作区；接收来自用户的页面跳转请求并从服务端接收相应的返回数据；以及将所述当前工作区中的第一操作层作为快照层移入所述快照缓存区并按照其在所述快照缓存区中的时间先后顺序进行编号，并且在所述当前工作区中产生与所接收的返回数据对应的第二操作层。

上述切换方法还可包括：接收来自用户的返回操作请求，所述返回操作请求未指示返回所述快照缓存区中的特定的快照层；以及将所述当前工作区中的操作层清除，并且把所述快照缓存区中最近创建的快照层移入所述当前工作区。

上述切换方法还可包括：接收来自用户的返回操作请求，所述返回操作请求指示返回所述快照缓存区中的特定的快照层；以及将所述当前工作区中的操作层清除，把所述快照缓存区中所述特定的快照层移入所述当前工作区。可选地，上述切换方法还可包括：将所述快照缓存区中比所述特定的快照层的创建时间晚的所有快照层清除。

在上述切换方法中，所述快照缓存区用于保存历史页面，而所述当前工作区用于保存当前显示的页面。

在上述切换方法中，所述快照缓存区保存一个或多个快照层，而所述当前工作区中只保存一个操作层。

根据本发明的另一个方面，提供了一种基于异步请求页面的切换系统，所述异步请求页面的内容区划分为快照缓存区和当前工作区，其中所述快照缓存区用于保存历史页面，而所述当前工作区用于保存当前显示的页面，所述切换系统包括：接收装置，用于接收来自用户的请求；以及执行装置，用于响应于所述用户的请求，将所述当前工作区中的操作层作为快照层移入所述快照缓存区或将所述快照缓存区中的快照层移入所述当前工作区。

在上述切换系统中，所述接收装置配置成接收页面跳转请求并从服务端接收相应的返回数据；以及所述执行装置配置成将所述当前工作区中的第一操作层作为快照层移入所述快照缓存区并按照其在所述快照缓存区中的时间先后顺序进行编号，并且在所述当前工作区中产生与所接收的返回数据对应的第二操作层。

在上述切换系统中，所述接收装置配置成接收来自用户的返回操作请求，所述返回操作请求未指示返回所述快照缓存区中的特定的快照层；以及所述执行装置配置成将所述当前工作区中的操作层清除，并且把所述快照缓存区中最近创建的快照层移入所述当前工作区。

在上述切换系统中，所述接收装置配置成接收来自用户的返回操作请求，所述返回操作请求指示返回所述快照缓存区中的特定的快照层；以及所述执行装置配置成将所述当前工作区中的操作层清除，把所述快照缓存区中所述特定的快照层移入所述当前工作区。

在上述切换系统中，所述执行装置还配置成将所述快照缓存区中比所述特定的快照层的创建时间晚的所有快照层清除。

通过采用本发明所述的技术方案，下游页面可简便（开发简单）、快捷（因为不做服务端请求操作）地返回到上游页面。在上游页面的数量不止一个时，下游页面可以有选择性返回到指定的上游页面。本发明的解决方案有效地弥补了浏览器对基于异步请求做返回操作的不足。

附图说明

在参照附图阅读了本发明的具体实施方式以后，本领域技术人员将会更清楚地了解本发明的各个方面。本领域技术人员应当理解的是：这些附图仅仅用于配合具体实施方式说明本发明的技术方案，而并非意在对本发明的保护范围构成限制。

图1是根据本发明的一个实施例的分层加层叠式样表（DIV+CSS）布局的页面；

图2是本发明的一个实施例的基于异步请求页面的快照缓存区与当前工作区的逻辑关系示意图。

具体实施方式

下面介绍的是本发明的多个可能实施例中的一些，旨在提供对本发明的基本了解，并不旨在确认本发明的关键或决定性的要素或限定所要保护的范围。容易理解，根据本发明的技术方案，在不变更本发明的实质精神下，本领域的一般技术人员可以提出可相互替换的其它实现方式。因此，以下具体实施方式以及附图仅是对本发明的技术方案的示例性说明，而不应当视为本发明的全部或者视为对本发明技术方案的限定或限制。

在对本发明的技术方案进行具体介绍之前，有必要对说明书中出现的技术术语进行定义。“同步请求”表示用户在页面向服务端发起一个请求，在服务端返回这个请求应答之前，用户不能对这个页面做任何相关的操作，此时的页面相当于被锁定了。“异步请求”表示用户在页面向服务端发起一个请求，页面不会被锁定，用户可以在页面做其他的操作。“DIV”或“div”是英语division的缩写，表示分层，“CSS”或“css”是英语Cascading Style Sheet的缩写，意思是层叠式样表。“DIV+CSS页面布局”表示网站页面的一种排版技术，该技术使用html标签的div标签为页面进行排版，使用css技术控制分层放置的位置和分层呈现的样式。

根据本申请的一个实施例，DIV+CSS布局的页面可如图1所示，具体包括如下几个分层：头部，菜单，内容区以及尾部。当用户发起请求、页面获取了返回数据并进行结果处理请求后，采用DIV＋CSS布局的页面主要是在内容区发生变化，而头部、菜单和尾部一般不会发生任何变化。

参照图2，按照本发明的一个实施例，可将内容区进一步细分为快照缓存区和当前工作区。

快照缓存区主要用来保存历史页面，当前工作区保存当前显示的页面。快照缓存区和当前工作区都是从逻辑角度来定义的，快照缓存区里面包含快照层，当前工作区包含当前工作的div层。有必要指出的是，快照缓存区和当前工作区在实现时候不需要专门的物理实现，其功能可以直接在快照层和当前工作的div层上体现。

快照缓存区和当前工作区可按照如下方式来形成：内容区里所包含的div层被标示为快照层，并且按时间先后顺序进行编号，同时该div层不可见，那么div层就是快照层了，多个快照层即形成快照缓存区。内容区里的div被标示为当前工作的div层，该div层对用户可见，那么该div层就是当前工作的div层，注意当前工作的div层有且只有一个，当前工作的div层形成当前工作区。

本发明的基于异步请求页面的切换方法和系统当用户在页面做跳转操作和返回操作时候触发。具体来说，当用户执行一个页面跳转操作时候，浏览器解析完服务端返回数据后会在当前工作区里产生一个新的div操作层，新的div层被标示为当前工作的div层，同时将原来的当前工作区里的div层标示为快照层，并且按时间先后顺序进行编号，原来的当前工作的div层移入到快照缓存区。当用户在当前工作区的div层里发起一个返回操作，如果快照缓存区有多个快照层，开发人员可以设定返回到快照缓存区里某一个快照层，如果开发人员不设定返回某个指定快照层，默认返回到创建时间距离当前工作的div层最近的快照层。具体操作是将当前工作的div层清除，把指定的快照层移入当前工作区。这里要特别说明的是：快照缓存区设计的原则是：永远保存创建时间在当前工作的div层之前的快照层。根据此原则，如果开发人员做返回操作时候指定返回到某个快照层，返回操作执行成功后，快照缓存区里创建时间比该快照层晚的快照层都会被清除掉。

此外，本发明还可提供一个回调函数接口，该接口作用是开发人员做返回操作可以自定义个性化方法，自定义的个性化方法作用于被返回的快照层，增强返回操作的灵活度，完善网站的用户体验。

按照本发明的一个实施例，基于异步请求页面的切换方法可包括：将异步请求页面的内容区划分为快照缓存区和当前工作区；接收来自用户的页面跳转请求并从服务端接收相应的返回数据；以及将当前工作区中的第一操作层作为快照层移入所述快照缓存区并按照其在快照缓存区中的时间先后顺序进行编号，并且在当前工作区中产生与所接收的返回数据对应的第二操作层。

该切换方法还可包括接收来自用户的页面跳转请求并从服务端接收相应的第二返回数据；以及将当前工作区中的第二操作层作为快照层移入所述快照缓存区并按照其在快照缓存区中的时间先后顺序进行编号，并且在当前工作区中产生与所接收的第二返回数据对应的第三操作层。

上述切换方法还可包括：接收来自用户的返回操作请求，并根据该返回操作请求来将相应的快照层移入当前工作区。

在一个实施例中，返回操作请求未指示返回所述快照缓存区中的特定的快照层。在这种情况下，可将当前工作区中的操作层清除，并且把快照缓存区中最近创建的快照层移入当前工作区。

在另一个实施例中，返回操作请求指示了返回所述快照缓存区中的特定的快照层，例如上面提到的第二操作层。在这种情况下，将当前工作区中的操作层清除，并且把快照缓存区中特定的快照层移入当前工作区。可选地，还可将快照缓存区中比特定的快照层的创建时间晚的所有快照层清除。

可选地，可配置一个回调函数接口，以用于对返回的快照层进行个性化操作。

根据本发明的另一个实施例，提供了一种基于异步请求页面的切换系统，异步请求页面的内容区划分为快照缓存区和当前工作区，其中快照缓存区用于保存历史页面，而当前工作区用于保存当前显示的页面。该切换系统可包括：接收装置，用于接收来自用户的请求；以及执行装置，用于响应于所述用户的请求，将所述当前工作区中的操作层作为快照层移入所述快照缓存区或将所述快照缓存区中的快照层移入所述当前工作区。

本发明为异步请求页面返回操作提供了一套解决方案，本发明对历史页面进行快照操作，保留页面的历史轨迹，这样可以让返回操作不再向网站服务端发送请求从而极大的提高了网站的响应速度和运行效率，同时减少了网站服务端处理请求的数量，给网站服务端的稳定性和安全性提供一种强有力的保障。另外，本发明也提供返回操作个性化定义的接口，让返回操作变得更加灵活多变。

上文中，参照附图描述了本发明的具体实施方式。但是，本领域中的普通技术人员能够理解，在不偏离本发明的精神和范围的情况下，还可以对本发明的具体实施方式作各种变更和替换。这些变更和替换都落在本发明权利要求书所限定的范围内。

Claims (11)

1. 一种基于异步请求页面的切换方法，包括：

将所述异步请求页面的内容区划分为快照缓存区和当前工作区；

接收来自用户的页面跳转请求并从服务端接收相应的返回数据；以及

将所述当前工作区中的第一操作层作为快照层移入所述快照缓存区并按照其在所述快照缓存区中的时间先后顺序进行编号，并且在所述当前工作区中产生与所接收的返回数据对应的第二操作层。

2. 如权利要求1所述的切换方法，还包括：

接收来自用户的返回操作请求，所述返回操作请求未指示返回所述快照缓存区中的特定的快照层；以及

将所述当前工作区中的操作层清除，并且把所述快照缓存区中最近创建的快照层移入所述当前工作区。

3. 如权利要求1所述的切换方法，还包括：

接收来自用户的返回操作请求，所述返回操作请求指示返回所述快照缓存区中的特定的快照层；以及

将所述当前工作区中的操作层清除，把所述快照缓存区中所述特定的快照层移入所述当前工作区。

4. 如权利要求3所述的切换方法，还包括：

将所述快照缓存区中比所述特定的快照层的创建时间晚的所有快照层清除。

5. 如权利要求1所述的切换方法，其中，所述快照缓存区用于保存历史页面，而所述当前工作区用于保存当前显示的页面。

6. 如权利要求1所述的切换方法，其中，所述快照缓存区保存一个或多个快照层，而所述当前工作区中只保存一个操作层。

7. 一种基于异步请求页面的切换系统，所述异步请求页面的内容区划分为快照缓存区和当前工作区，其中所述快照缓存区用于保存历史页面，而所述当前工作区用于保存当前显示的页面，所述切换系统包括：

接收装置，用于接收来自用户的请求；以及

执行装置，用于响应于所述用户的请求，将所述当前工作区中的操作层作为快照层移入所述快照缓存区或将所述快照缓存区中的快照层移入所述当前工作区。

8. 如权利要求7所述的切换系统，其中，所述接收装置配置成接收页面跳转请求并从服务端接收相应的返回数据；以及所述执行装置配置成将所述当前工作区中的第一操作层作为快照层移入所述快照缓存区并按照其在所述快照缓存区中的时间先后顺序进行编号，并且在所述当前工作区中产生与所接收的返回数据对应的第二操作层。

9. 如权利要求7或8所述的切换系统，其中，所述接收装置配置成接收来自用户的返回操作请求，所述返回操作请求未指示返回所述快照缓存区中的特定的快照层；以及所述执行装置配置成将所述当前工作区中的操作层清除，并且把所述快照缓存区中最近创建的快照层移入所述当前工作区。

10. 如权利要求7或8所述的切换系统，其中，所述接收装置配置成接收来自用户的返回操作请求，所述返回操作请求指示返回所述快照缓存区中的特定的快照层；以及所述执行装置配置成将所述当前工作区中的操作层清除，把所述快照缓存区中所述特定的快照层移入所述当前工作区。

11. 如权利要求10所述的切换系统，其中，所述执行装置还配置成将所述快照缓存区中比所述特定的快照层的创建时间晚的所有快照层清除。