[发明专利]一种页面元素联动方法、装置及服务器

说明书

本发明实施例提供一种页面元素联动方法、装置及服务器。所述方法中，客户端将多个页面元素存储于一个数据容器中，然后侦测该数据容器中是否有页面元素发生变化，若有，则向服务器发送根据该发生变化的页面元素所生成的联动更新请求。当客户端接收到服务器的反馈数据时，可以根据所述反馈数据对页面上的元素数据进行更新。与现有技术相比，这种联动更新处理方式的更新效率更高，用户体验明显改善，另外这种处理方式无需反复多次的向服务器请求数据，而且页面的前端配置可实现普适性，当增加或删除联动关系时无需对前端页面代码和逻辑进行修改，仅需在服务器进行适应性的逻辑修改即可。

技术领域

本发明涉及网络页面处理技术领域，具体而言，涉及一种页面元素联动方法、装置及服务器。

背景技术

在工具或者后台类的项目中，页面存在大量的元素间的数据联动需求。比如某小说运营平台有个表单，表单里有小说类型、作者名、小说名等用户输入或者下拉选择的元素。例如，当用户将小说类型设为‘武侠’时，作者名选项列表自动变成金庸、古龙等内容，小说名列表也随之改变。针对这种联动需求，当有目标页面元素发生变化时，传统的实现方法是反复多次地向服务端接口进行异步请求，以获取所有因目标页面元素变化而联动变化的其他页面元素。现有的这种处理方式不但效率低下，而且前端的页面配置不具有普适性，当增加或删除新的联动关系时必须适应性的修改前端的页面代码和逻辑，这对于开发和维护人员来说是一项繁重的工作。

发明内容

有鉴于此，本发明的目的在于提供一种页面元素联动方法、装置及服务器，以改善上述问题。

第一方面，本发明较佳实施例提供一种页面元素联动方法，应用于客户端，该方法包括：将多个页面元素存储于一个数据容器中；当侦测到所述数据容器中有任意目标页面元素的元素数据发生变化时，向服务器发送联动更新请求，该联动更新请求中包括该目标页面元素及其变化后的元素数据；接收所述服务器根据所述联动更新请求返回的响应数据；根据所述响应数据对用户终端所显示的页面上的对应于所述数据容器中的至少一个其他页面元素的元素数据进行更新。

第二方面，本发明较佳实施例提供一种页面元素联动装置，该装置包括：页面元素存储模块，用于将多个页面元素存储于一个数据容器中；更新请求发送模块，用于当侦测到所述数据容器中有任意目标页面元素的元素数据发生变化时，向服务器发送联动更新请求，该联动更新请求中包括该目标页面元素及其变化后的元素数据；响应数据接收模块，用于接收所述服务器根据所述联动更新请求返回的响应数据；元素数据更新模块，用于根据所述响应数据对用户终端所显示的页面上的对应于所述数据容器中的至少一个其他页面元素的元素数据进行更新。

第三方面，本发明较佳实施例提供一种页面元素联动方法，应用于服务器，该方法包括：接收客户端发送的联动更新请求，其中，所述客户端将多个页面元素存储于一个数据容器中，当侦测到所述数据容器中有任意目标页面元素的元素数据发生变化时，生成所述联动更新请求，该联动更新请求中包括该目标页面元素及其变化后的元素数据；根据所述联动更新请求返回响应数据至所述客户端，以使所述客户端根据所述响应数据对用户终端所显示的页面上的元素数据进行更新，被更新的元素数据对应于所述数据容器中的至少一个除所述目标页面元素外的其他页面元素。

第四方面，本发明较佳实施例提供一种服务器，所述服务器包括：存储器；处理器；以及，页面元素联动装置，该装置安装于所述存储器中并包括一个或多个由所述处理器执行的软件功能模块，该装置包括：

更新请求接收模块，用于接收客户端发送的联动更新请求，其中，所述客户端将多个页面元素存储于一个数据容器中，当侦测到所述数据容器中有任意目标页面元素的元素数据发生变化时，生成所述联动更新请求，该联动更新请求中包括该目标页面元素及其变化后的元素数据；更新请求响应模块，用于根据所述联动更新请求返回响应数据至所述客户端，以使所述客户端根据所述响应数据对用户终端所显示的页面上的元素数据进行更新，被更新的元素数据对应于所述数据容器中的至少一个除所述目标页面元素外的其他页面元素。