CN113535417A - 数据交互装置和方法 - Google Patents

Abstract

本申请提供了数据交互装置和方法，第一引擎获得第一跳转信息，第一跳转信息包括第一参数和待跳转的第二页面的页面地址，第一引擎可以与页面容器进行数据交互，所以第一引擎将第一跳转信息发送至页面容器，页面容器可以基于第二页面的地址展示第二页面。本申请实施例通过创建跳转组件建立第二引擎(与第二页面对应)与页面容器之间的通信媒介，使得跳转组件可以基于第二页面得到第一数据，并将第一数据传输至页面容器。本申请实施例将存储空间作为页面容器和第一引擎均能访问的存储空间，即页面容器将第一参数和第一数据对应存储至存储空间后，第一引擎可以基于第一参数从存储空间中获得第一数据，从而实现了第二页面和第一页面的数据同步的目的。

Description

数据交互装置和方法

技术领域

本申请涉及互联网技术领域，更具体的说，是涉及数据交互装置和方法。

背景技术

应用程序包括多个页面，多个页面之间可能需要数据同步，例如，应用程序可以包括新闻页面和评论页面，用户可以在新闻页面上浏览新闻和针对新闻的评论内容，用户可以在评论页面上输入对新闻的评论内容；用户在评论页面中输入评论内容后，新闻页面中的评论内容也需要增加，且评论条数也应该同步增加1。

因此，如何使得应用程序包含的多个页面之间的数据同步，是本领域技术人员需要攻克的难题。

发明内容

有鉴于此，本申请提供了一种数据交互装置和方法。

为实现上述目的，本申请提供如下技术方案：

一种数据交互装置，包括：

第一引擎，用于获得由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型；若所述第二页面所属的页面类型为第二页面类型，将所述第一跳转信息发送至包含所述第二页面的页面容器；

其中，所述第一引擎与所述第一页面相对应；所述第一页面属于第一页面类型，所述第一页面类型与所述第二页面类型不同；所述第一跳转信息包括所述第二页面的地址以及第一参数；所述第一参数用于表征所述第二页面向所述第一页面返回的第一数据的编号；

所述页面容器，用于基于所述第二页面的地址展示所述第二页面；

跳转组件，用于将基于所述第二页面获得的所述第一数据传输至所述页面容器；所述第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种；

所述页面容器，还用于将所述第一数据以及所述第一参数对应存储至存储空间；

所述第一引擎，还用于从所述存储空间获得所述第一参数对应的所述第一数据，基于所述第一数据更新所述第一页面包含的内容。

一种数据交互方法，包括：

获取由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型；

其中，所述第一跳转信息包括所述第二页面的地址以及第一参数；所述第一参数用于表征所述第二页面向所述第一页面返回的第一数据的编号；所述第一页面属于第一页面类型，所述第一页面类型和所述第二页面所属的第二页面类型不同；

若所述第二页面为第二页面类型，将所述第一跳转信息发送至所述第二页面对应的页面容器；

控制所述页面容器基于所述第二页面的地址展示所述第二页面；

控制跳转组件获得所述第一数据，所述第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种；

控制所述页面容器将从所述跳转组件得到的所述第一数据与所述第一参数对应存储至存储空间；

控制所述第一页面对应的第一引擎从所述存储空间获得与所述第一参数对应的所述第一数据。

经由上述的技术方案可知，本申请提供的数据交互装置中，第一引擎获得第一跳转信息，第一跳转信息包括第一参数和待跳转的第二页面的地址，第一引擎可以与页面容器进行数据交互，所以第一引擎可以将第一跳转信息发送至页面容器，页面容器可以基于第二页面的地址展示第二页面。本申请实施例通过创建跳转组件建立第二引擎(与第二页面对应)与页面容器之间的通信媒介，使得跳转组件可以基于第二页面得到第一数据，并将第一数据传输至页面容器。本申请实施例将存储空间作为页面容器和第一引擎均能访问的存储空间，即页面容器将第一参数和第一数据对应存储至存储空间后，第一引擎可以基于第一参数从存储空间中获得第一数据，从而实现了第二页面向第一页面传输数据的目的，即实现了第二页面和第一页面的数据同步的目的。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本申请实施例提供的数据交互装置的一种实现方式的结构示意图；

图2为本申请实施例提供的数据交互方法的一种实现方式的信令图；

图3a至图3d为本申请实施例提供的页面的一种展示方式示意图；

图4为本申请实施例提供的属于第一页面类型的两个页面之间的数据交互信令图；

图5为本申请实施例提供的数据交互装置的数据交互示意图；

图6为本申请实施例提供的数据交互方法的另一种实现方式的信令图；

图7为本申请实施例提供的属于第二页面类型的多个页面之间的数据交互方式示意图；

图8为本申请实施例提供的数据交互方法的又一实现方式的流程图；

图9为本申请实施例提供的电子设备的一种实现方式的结构图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

应用程序包括多个页面，不同页面所属的页面类型可能不同，本申请实施例提及的页面类型包括但不限于以下几种：原生页面类型、网页页面类型(例如，weex页面类型，或，HTML5页面类型都是网页页面类型)等等。属于不同页面类型的页面对应不同的引擎，不同引擎之间不能进行数据交互，使得属于不同页面类型的页面不能进行数据交互。为了能够使得属于不同页面类型的页面能够进行数据交互，本申请实施例构建了跳转组件，该跳转组件为不同引擎之间的通信媒介，即为属于不同页面类型的页面之间的通信媒介。

下面对本申请实施例提供的数据交互装置进行说明。

请参阅图1，为本申请实施例提供的数据交互装置的一种实现方式的结构示意图。该数据交互装置包括：第一引擎11、跳转组件12、页面容器13、第二引擎14以及存储空间15。

第一引擎与第一页面16相对应。第二引擎与第二页面17相对应。

本申请实施例提及的第一引擎包括但不限于渲染引擎、执行引擎和加载引擎中一种或多种。本申请实施例提及的第二引擎包括但不限于渲染引擎、执行引擎和加载引擎中一种或多种。

可选的，若第一页面类型为原生页面类型，第一引擎可以为JAVA虚拟机；可选的，第二页面类型为weex页面类型，那么，第二引擎可以为JScore引擎。

第一引擎11若获得由第一页面16跳转至第二页面17的第一跳转信息，可以将第一跳转信息发送至第二页面所属的页面容器13。第一跳转信息包括第二页面的地址和第一参数。

页面容器13可以基于第二页面的地址展示第二页面17。

跳转组件12可以将基于第二页面获得的第一数据传输至页面容器13。

其中，第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种。

在一可选实施例中，页面容器可以向在页面容器中承载的页面传输数据，但在页面容器中承载的页面无法向页面容器传输数据，对此，本申请实施例创建了跳转组件，使得在页面容器中承载的页面能够向页面容器传输数据。

页面容器13将第一数据和第一参数对应存储至存储空间15中。

第一引擎11从所述存储空间15中获得所述第一参数对应的所述第一数据。

可选的，存储空间15可以为物理空间，或，虚拟空间。可选的，存储空间可以为应用程序的内存空间，或，应用程序的私有目录，或，sd存储卡等等。

存储空间为页面容器和第一引擎都能访问的存储空间，即存储空间为页面容器和第一引擎的共享存储空间，可选的，存储空间包含的对应存储的第一参数和第一数据，为页面容器和第一引擎的全局变量。

综上，本申请实施例通过创建跳转组件建立第二引擎与页面容器之间的通信媒介，将存储空间作为页面容器和第一引擎均能访问的存储空间，将第一参数作为页面容器和第一引擎协商的第一数据对应的编号，页面空间将第一数据和第一参数对应存储至存储空间后，第一引擎可以基于第一参数从存储空间中获得第一数，从而实现了第二页面向第一页面传输数据的目的，即实现了第二页面和第一页面的数据同步的目的。

下面结合图1对本申请实施例提供的数据交互方法进行说明。

如图2所示，为本申请实施例提供的数据交互方法的一种实现方式的信令图，该方法包括：

步骤S201：第一引擎11获得由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型。

所述第一页面属于第一页面类型，所述第一页面类型与所述第二页面类型不同；所述第一跳转信息包括所述第二页面的地址以及第一参数；所述第一参数用于表征所述第二页面需要向所述第一页面返回的第一数据的编号。

本申请实施例中，将由第二页面向第一页面返回的数据称为第一数据。

可选的，第一页面类型为原生页面类型，第一页面为原生页面；第二页面类型为网页页面类型(HTML5页面类型或weex页面类型)，第二页面为网页页面(HTML5页面或weex页面)。

第一引擎11获得第一跳转信息以及第二页面所属的第二页面类型的方式有多种，本申请实施例提供但不限于以下几种。

第一种实现方式包括：

步骤一：获取点击的第一对象关联的待跳转的第二页面的地址以及第二页面所属的第二页面类型；第一对象位于所述第一页面。

在一可选实施例中，页面(页面是指第一页面和第二页面中任一页面)包含图片、视频、音频、文本、图形以及按钮中一种或多种对象。可选的，每个对象关联有待跳转的页面的地址以及待跳转的页面所属的页面类型。

为了本领域技术人员更加理解本申请实施例，下面结合如图3a至图3d所示界面进行说明。

可以理解的是，本申请实施例提供的数据交互装置可以应用于电子设备，电子设备可以为智能手机、PAD、笔记本电脑、台式机和服务器中任一设备。

下面以电子设备为智能手机为例进行说明。本申请实施例并不对图3a至图3c展示的页面包含的内容和内容的展示格式进行限定。

如图3a至图3d所示，为本申请实施例提供的页面的一种展示方式示意图。

图3a至图3b所示的第一页面为包含新闻1的内容以及针对该新闻1内容的多条评价；图3b为电子设备展示图3a所示的第一页面时，用户向上滑动电子设备的屏幕后，电子设备展示的第一页面包含的后续内容，例如，用户可以看到如图3b所示的全部评论。

若用户点击图3a或图3b所示的第一页面包含的对象21(此处是指第一对象)。由于第一对象关联有第二页面的地址和第二页面所属的第二页面类型，所以第一引擎11可以获得第二页面的地址和第二页面所属的第二页面类型。

步骤二：若第一对象关联的事件表征第二页面需要向第一页面传输数据，创建第一参数。

可选的，可以为页面包含的对象绑定事件。仍以图3a至图3d为例进行说明。

可选的，第一对象关联的事件为第二页面需要向第一页面传输数据的事件，第一引擎可以创建第一参数。

可选的，第一参数可以为任意字符或字符串。不同对象对应的第一参数不同。

若第一对象绑定的事件为不需要传输数据的事件，可选的，第一引擎可以不创建第一参数。此时，只是单纯的由第一页面跳转至第二页面。

第二种实现方式包括：获取点击的第一对象关联的待跳转的第二页面的地址、第二页面所属的第二页面类型以及第一参数；所述第一对象位于所述第一页面。

可选的，若需要第二页面向第一页面传输数据，可以为第一对象设置其关联的第一参数；若第二页面不需要向第一页面传输数据，第一对象不关联相应的第一参数。

综上，第一引擎在检测到第一对象被点击后，可以基于第一对象绑定的事件创建第一参数；或者，预先设置对象和第一参数的关联关系。

步骤S202：第一引擎11若第二页面所属的页面类型为第二页面类型，将所述第一跳转信息发送至包含所述第二页面的页面容器13。

可选的，页面类型包括但不限于：原生页面类型、网页页面类型；其中，原生页面类型对应的原生页面的开发针对不同电子设备的操作系统，如手机的IOS操作系统或Android操作系统或Windows操作系统，可以采用不同的语言和框架进行开发。

步骤S203：所述页面容器13基于第二页面的地址展示所述第二页面。

页面容器是指可以承载页面(例如，网页页面即web页面)的容器。可选的，页面容器可以为web View组件或者其他浏览器内核组件。

在一可选实施例中，页面容器可以通过原生系统程序语言(例如，Native)实现。若第一页面的第一页面类型为原生页面，那么第一页面也是通过原生系统程序语言实现，因此，第一页面可以与页面容器进行通信。

可选的，页面容器与第一页面采用相同的程序语言进行开发，因此，页面容器为特殊的第一页面类型的页面。

可选的，可以创建内容为空的页面容器，然后可以在页面容器中添加一个或多个第二页面。

可选的，页面容器13可以基于第二页面的地址加载并渲染得到第二页面。可选的，第二页面的地址可以包括第二页面对应的文件地址。

在一可选实施例中，第二页面类型为weex页面类型，页面容器为weex页面容器。

weex是一个使用Web开发体验来开发高性能原生应用的框架。使用同一套代码来构建Android、iOS和Web应用程序。具体来讲，在集成了Weex SDK(Software DevelopmentKit，软件开发包)之后，可以使用JavaScript和现代流行的前端框架来开发应用程序。

Weex页面容器的主要功能是渲染weex页面的js(JavaScript)代码并返回相应的视图，同时管理生命周期等等。可选的，本申请实施例提供的第二引擎包含js代码的功能。

可选的，Weex页面容器可以基于第二页面的js代码渲染得到第二页面。

在一可选实施例中，页面容器展示第二页面后，会遮挡第一页面，使得用户看不到第一页面。如图3c所示，第二页面遮挡了第一页面。

步骤S204：跳转组件12将基于所述第二页面获得的第一数据传输至所述页面容器13。

所述第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种。

可选的，跳转组件12从第二页面对应的第二引擎14获得第一数据。

下面结合图3a至图3d对第一数据进行说明。

如图3c所述，用户可以在图3c所示的编辑窗口22中输入评论内容，并点击发送。针对第二页面的用户输入数据可以为如图3c用户输入的评论内容；针对第二页面的用户输入操作的响应数据可以为用户输入评论内容后，全部评论的总条数变更后的数目。

在不同应用场景中，针对第二页面的用户输入数据可能不同；针对第二页面的用户输入操作的响应数据可能不同，这里不再赘述。

步骤S205:页面容器13将所述第一数据以及所述第一参数对应存储至存储空间15。

可选的，页面容器13将第一数据和第一参数作为一组键值对存储至存储空间15。键是指第一参数，即存储的数据的编号；值就是指要存储的第一数据。

可选的，若第一页面为原生页面，第二页面为weex页面，页面容器是原生系统程序语言(即Native)实现，那么存储空间可以为原生页面对应的引擎能够访问的存储空间。

若第一页面为原生页面，第二页面为weex页面，可选的，页面容器可以通过PutweexCache(第一参数，第一数据)函数，将第一参数和第一数据对应存储至存储空间。

步骤S206：第一引擎11从所述存储空间中获得所述第一参数对应的所述第一数据。

若第一页面为原生页面，第二页面为weex页面，可选的，第一引擎可以通过Getweexcache(第一参数)函数，从存储空间中获得第一数据。

可选的，还包括：步骤S206：第一引擎11基于第一数据更新所述第一页面的内容。

仍以图3a至图3d为例，第一引擎11得到第一数据并更新第一页面包含的内容后，第一页面对应的全部评论的总条数会变更，如图3d所示，由2条变成3条，且，用户在第一页面可以看到3条评论内容。

综上，本申请实施例通过创建跳转组件建立第二引擎与页面容器之间的通信媒介，将存储空间作为页面容器和第一引擎均能访问的存储空间，将第一参数作为页面容器和第一引擎协商的第一数据对应的编号，页面空间将第一数据和第一参数对应存储至存储空间后，第一引擎可以基于第一参数从存储空间中获得第一数，从而实现了第二页面向第一页面传输数据的目的，即实现了第二页面和第一页面的数据同步的目的。

本申请实施例还提供了一种属于第一页面类型的多个第一页面之间的数据交互方式。如图4所示，为本申请实施例提供的属于第一页面类型的两个第一页面(这里用第一页面A和第一页面B表示两个不同的第一页面)之间的数据交互信令图。两个属于第一页面类型的第一页面之间的数据交互流程包括：

步骤S400：第一页面A的引擎获得由第一页面A跳转至第一页面B的第三跳转信息和第一页面B所属的第一页面类型。

第三跳转信息包括第一页面B的地址。可选的，第三跳转信息可以携带第三参数，第三参数用于表征第一页面B向第一页面A发送的第三数据对应的编号。

本申请实施例中，将一个第一页面向另一第一页面返回的数据称为第三数据。

步骤S401：若所述第一页面B属于第一页面类型，第一页面A的引擎将第一跳转信息发送至第一页面B的引擎。

假设第一页面A和第一页面B均为原生页面。由于需要第一页面B向第一页面A传输数据，因此，可以通过调用startActivityForResult函数，跳转至第一页面B的引擎。startActivityForResult函数可以携带有第一页面B的地址。

可选的，startActivityForResult可以携带请求码requestCode，请求码的类型可以为整数型int。

步骤S402：第一页面B的引擎获得第三数据。

第三数据可以包括针对第一页面B的用户输入数据，和，针对第一页面B的用户输入操作的响应数据中一种或多种。

步骤S403：将第三数据反馈至第一页面A的引擎。

仍以第一页面类型为原生页面类型为例，第一页面B的引擎可以通过setResult函数将第一数据反馈给第一页面A。可选的，setResul携带处理结果码resultCode(可选的，处理结果码的类型可以为整数型int)。

可以理解的是，请求码与处理结果码相同，表征第一数据是针对第一跳转信息的。

可选的，第一页面B的引擎可以将第三数据和第三参数对应存储至存储空间。以使得第一页面A的引擎从存储空间中获得第三参数对应的第三数据。

步骤S404：第一页面A的引擎获得第三数据，以更新第一页面A的内容。

仍以第一页面类型为原生页面类型为例，可以通过onActivityResult函数从setResult函数中获得第三数据以及处理结果码，从startActivityForResult函数中得到请求码，即得到onActivityResult(resultCode：int，requestCode：int，第三数据)。

在一可选实施例中，跳转模块将第一数据传输至页面容器的方式包括但不限于以下几种。

第一种实现方式包括：

步骤一：若检测到针对所述第二页面的页面关闭事件，从第二引擎获得第一数据；所述第二引擎与所述第二页面相对应。

步骤二：将所述第一数据以及所述页面关闭事件传输至所述页面容器。

相应的，页面容器将所述第一数据以及第一参数对应存储至存储空间后，关闭自身。

若第一页面为原生页面，第二页面为weex页面，可选的，跳转组件12可以调用关闭事件pop(parameter)，关闭事件pop可以从第二页面的js(JavaScript)代码中得到第一数据，将第二数据传入parameter。可选的，跳转组件12可以发起广播，该广播携带有页面关闭事件以及第一数据。可选的，可以通过Sendbroadcast(第一数据，页面关闭事件)函数发起广播。

可选的，页面容器注册有监听器，通过该监听器监测页面关闭事件。

监听器是指广播接收者，它可以注册监听某类事件。

在一可选实施例中，如图3a至3c所示，页面容器展示第二页面后，会遮挡第一页面，在第二页面和页面容器关闭后，用户才能够看见第一页面。可以理解的是，在第二页面未关闭之间，用户还可能针对第二页面输入数据，或输入操作，所以在第二页面关闭后，用户针对第二页面的操作完毕，得到的第一数据更加完整，可选的，在第二页面关闭后，页面容器将第一数据和第一参数对应存储至存储空间。

在一可选实施例中，实时从第二引擎获得数据，实时将获得的数据传输至页面容器，页面容器从第二引擎获得的全部数据称为第一数据。可选的，页面容器可以实时将从第二引擎得到的数据存储至存储空间。

在一可选实施例中，可以通过多种方式得到第一参数，本申请实施例提供但不限于以下几种：

第一种：将任意字符或字符串设置为第一参数。

仍以图3a至图3d为例，假设，电子设备展示图3a所示的第一页面，用户点击对象21后，电子设备展示如图3c所示的第二页面，用户输入了评论内容，并点击了发送，那么，可以得到第一数据。

在本实施例中，第一页面和第二页面所属页面类型可以相同可以不同。

如图3c所示，若用户点击了第二页面中的“热门新闻”这一对象，那么，电子设备可能展示第三页面(第三页面不同于第一页面和第二页面，但是第三页面所属的页面类型可能为第一页面类型或第二页面类型)；若第三页面需要向第二页面返回数据，可以基于第三页面获得第三数据，其中，第三数据可以为：针对第三页面的用户输入数据，和，针对第三页面的用户输入操作的响应数据中的一种或多种。

假设由第二页面跳转至第三页面的跳转信息包含的第一参数，与，由第一页面跳转至第二页面的第一跳转信息包含的第一参数相同，若页面容器未将第一参数与第一数据对应存储至存储空间，那么，页面容器得到同一第一参数对应的第一数据和第三数据，可选的，页面容器会丢弃第一数据和第三数据中任一数据，若丢弃了第一数据，那么，第一页面无法得到第一数据，若丢弃第三数据，那么，第二页面无法得到第三数据。

若页面容器已经将第一参数与第一数据对应存储至存储空间，页面容器再将第一参数与第三数据对应存储至存储空间时，可选的，可能会替换第一参数与第一数据，即存储空间不再对应存储第一参数与第一数据，而对应存储第一参数与第三数据，这样第一页面基于第一参数可能得到第三数据，导致出现错误的情况。

为了避免上述情况，可选的，不同页面的不同对象对应的第一参数不同；同一页面的不同对象对应的第一参数不同。

第二种：至少基于所述第二页面的地址和所述第一页面的地址中至少一个，得到的第一参数。

可以理解的是，若第一跳转信息包含的第一参数由第二页面的地址得到，那么，由第二页面跳转至第三页面的跳转信息包含的第一参数是由第三页面的地址得到的；若第一跳转信息包含的第一参数由第一页面的地址得到，那么，由第二页面跳转至第三页面的跳转信息包含的第一参数是由第二页面的地址得到的；若第一跳转信息包含的第一参数由第一页面的地址以及第二页面的地址得到的，那么，由第二页面跳转至第三页面的跳转信息包含的第一参数是由第二页面的地址和第三页面的地址得到的；所以不会出现第一跳转信息包含的第一参数，与，由第二页面跳转至第三页面的跳转信息包含的第一参数相同的情况。

上述实施例提及了第一页面跳转至第二页面后，第二页面向第一页面传输数据的过程。可以理解的是，第二页面也可以跳转至第一页面。

本申请实施例提及的“由第二页面跳转至第一页面”中的第一页面和“由第一页面跳转至第二页面”中的第一页面是同一页面，或者，属于第一页面类型的不同页面。

本申请实施例提及的“由第二页面跳转至第一页面”中的第二页面和“由第一页面跳转至第二页面”中的第二页面是同一页面，或者，属于第二页面类型的不同页面。

如图5所示，为本申请实施例提供的数据交互装置的数据交互示意图。

跳转组件12为第二页面对应的第二引擎14和第一页面对应的第一引擎11之间的数据传输媒介。跳转组件12可以将由第二页面跳转至第一页面的第二跳转信息传输至第一引擎11，从而打开第一页面。

在一可选实施例中，页面容器13为一种特殊的第一页面类型的页面，所以第一引擎11可以与页面容器13进行通信。第一引擎得到的第二数据(第二数据包括针对第一页面的用户输入数据，和，针对第一页面的用户输入操作的响应数据中的一种或多种)可以传输至页面容器13。

页面容器13可以将第二数据发送至第二引擎14，使得第二引擎14可以基于第二数据更新第二页面包含的内容。

结合图5，对本申请实施例提供的第二页面向第一页面传输数据的过程进行说明。

如图6所示，为本申请实施例提供的数据交互方法的另一种实现方式的信令图，该方法包括：

步骤S601：第二引擎14获取由所述第二页面跳转至所述第一页面的第二跳转信息以及所述第一页面所属的第一页面类型。

其中，所述第二引擎与所述第二页面相对应；所述第二跳转信息包括所述第一页面的地址以及第二参数，所述第二参数用于表征所述第一页面是否需要向所述第二页面传输第二数据。

本申请实施例中，将第一页面向第二页面返回的数据称为第二数据。

第二引擎14获得第二跳转信息以及第一页面所属第一页面类型的方式有多种，本申请实施例提供但不限于以下几种。

第一种实现方式包括：

步骤一：获取点击的第二对象关联的待跳转的第一页面的地址以及第一页面所属的第一页面类型；所述第二对象位于所述第二页面。

在一可选实施例中，页面(页面是指第一页面和第二页面中任一页面)包含图片、视频、音频、文本、图形以及按钮中一种或多种对象。可选的，每个对象关联有待跳转的页面的地址以及待跳转的页面所属的页面类型。

为了本领域技术人员更加理解本申请实施例，下面结合如图3a至图3d所示界面进行说明。

假设，图3a和图3b为第二页面，其中，图3a和图3b展示的第二页面为为包含新闻1的内容以及针对该新闻1内容的多条评价；图3b为电子设备展示图3a所示的第二页面时，用户向上滑动电子设备的屏幕后，电子设备展示的第二页面包含的后续内容，用户可以看到如图3b所示的全部评论。

若用户点击图3a或图3b所示的第二页面包含的对象21(这里是指第二对象)。由于第二对象关联有第一页面的地址和第一页面所属的第一页面类型，所以第二引擎14可以获得第一页面的地址和第一页面所属的第一页面类型。

步骤二：若所述第二对象关联的事件表征所述第一页面需要向所述第二页面传输第二数据，为第二参数赋予第一值。若所述第二对象关联的事件表征所述第一页面不需要向所述第二页面传输第二数据，为第二参数赋予第二值。

在一可选实施例中，第一值和第二值不同。第一值和第二值可以为任意字符或字符串。可选的，假设第一参数为needBackInfo，第一值可以为True；第二值可以为False。

第二种实现方式包括：获取点击的第二对象关联的待跳转的所述第一页面的地址、所述第一页面所属的第一页面类型以及第二参数的值；所述第二对象位于所述第二页面。

综上，第二引擎在检测到第二对象被点击后，可以基于第二对象绑定的事件为第二参数赋值；或者，预先设置第二对象和第二参数的值的关联关系。

步骤S602：第二引擎14若所述第一页面所属的页面类型为所述第一页面类型，将所述第二跳转信息发送至所述跳转组件12。

步骤S603：跳转组件12若所述第二参数表征所述第一页面需要向所述第二页面传输第二数据，通过第一预设函数跳转至所述第一引擎11。

所述第一预设函数携带所述第一页面的地址。

可选的，所述第一预设函数为多个所述第一页面之间跳转时采用的函数，所述第一预设函数用于指示所述第二页面需要向所述第一页面传输数据。即第一页面A跳转至第一页面B(第一页面A和第一页面B均属于第一页面类型的页面)后，若第一页面B需要向第一页面A传输数据，那么，第一页面A通过第一预设函数跳转至第一页面B。

若第二页面为weex页面，第一页面为原生页面，可选的，第一预设函数可以为startActivityForResult函数。

可以调用跳转组件12中的Push(原生页面的地址)函数，打开第一页面。

可选的，还包括：跳转组件12若所述第二参数表征所述第一页面不需要向所述第二页面传输第二数据，通过的第二预设函数跳转至所述第一引擎。

所述第二预设函数携带有所述第一页面的地址。

可选的，所述第二预设函数为多个所述第一页面之间跳转时采用的函数，所述第二预设函数用于指示所述第二页面不需要向所述第一页面传输数据。即第一页面A跳转至第一页面B后，若第一页面B不需要向第一页面A传输数据，那么，第一页面A通过第二预设函数跳转至第一页面B。

若第一页面类型为原生页面类型，可选的，第二预设函数以为：startActivity函数。

步骤S604：第一引擎11基于所述第一页面的地址展示所述第一页面；基于所述第一页面获得第二数据，将所述第二数据发送至所述页面容器13。

所述第二数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种。

针对第二数据的介绍可以参见针对第一数据的介绍，这里不再赘述。

可选的，第一引擎11可以基于第一页面的地址获得第一页面的相关数据，渲染出第一页面。

若第二页面为weex页面，第一页面为原生页面，可选的，可以基于setResult(处理结果码：int，第二数据)函数将第二数据返回至页面容器13。页面容器13可以基于OnActivityResult(请求码：int，处理结果码：int，第二数据)函数，接收第一引擎11发送的第二数据。

处理结果码、请求码可以参见针对属于原生页面类型的多个页面之间的交互过程的说明，这里不再赘述。

步骤S605：页面容器13将所述第二数据发送至所述第二引擎14。

可选的，第二页面类型为weex页面类型，页面容器可以通过调用WXSDKinstance中的fireGlobalEventCallback(第二数据)函数，发起全局事件，以将第二数据传输至第二页面的JS代码。

步骤S606：第二引擎14基于所述第二数据更新所述第二页面包含的内容。

可选的，页面容器13包括一个或多个第二页面，第二页面的JS代码注册有监听数据处理回调事件，例如，addEventListener，用以监测第二数据，第二引擎14与第二页面的JS代码相对应，即第二引擎14注册有监听数据处理回调事件。可选的，步骤S606具体包括：

所述第二引擎，还用于若监测到所述第二数据，基于所述第二数据更新所述第二页面包含的内容。

本申请实施例还提供了一种属于第二页面类型的多个第二页面(这里以第二页面A和第二页面B为例)之间的数据交互方式。数据交互方式包括：

步骤一：第二引擎14获取由第二页面A跳转至第二页面B的第四跳转信息以及所述第二页面B所属的第二页面类型。

第四跳转信息包括第二页面B的地址。

第二引擎14获得第四跳转信息和第二页面B所属的第二页面类型的方式与第二引擎14获得第二跳转信息和第一页面所属第一页面类型的方式相同，这里不再赘述。

步骤二：第二引擎14若所述第二页面B所属的页面类型为所述第二页面类型，将第四跳转信息发送至页面容器。

步骤三：页面容器基于第二页面B的地址展示第四页面。

步骤四：第二页面B的引擎(例如，第二页面B的JS代码)将第四数据通过属于第二页面类型的多个第二页面的共有通信通道，传输至第二页面B的引擎(例如，第二页面的JS代码)，以使得第二页面B的引擎基于第四数据更新第二页面B。

第四数据为针对第四页面的用户输入数据，和，针对第四页面的用户输入操作的响应数据。

本申请实施例中，将属于第二页面类型的一个第二页面向另一个第二页面返回的数据称为第四数据。

对第四数据的说明，请参见对第一数据的说明，这里不再赘述。

如图7所示，为本申请实施例提供的属于第二页面类型的多个页面之间的数据交互方式示意图。

假设第二页面类型为weex页面类型。多个weex页面的JS代码之间可以传输数据。图7中以三个weex页面为例进行说明。假设，三个weex页面分别为：weex页面A、weex页面B以及weex页面C。将weex页面A的JS代码称为A.JS；将weex页面B的JS代码称为B.JS；将weex页面C的JS代码称为C.JS。

若由weex页面A跳转至weex页面B，weex页面A可以由weex页面A跳转至weex页面B的第四跳转信息发送页面容器，页面容器可以展示weex页面B；weex页面B需要返回值weex页面A的第四数据，可以由B.JS通过多个weex页面之间的共有通信通道传输至A.JS。

多个weex页面之间的共有通信通道是指多个weex页面的JS文件创建的具有相同名称的对象，例如，broadcastChannel对象。

可选的，B.JS可以通过postMessage的方式将第四数据发出。A.JS和C.JS可以通过onMessage的方式接收第四数据。C.JS接收到第四数据后，由于第四数据不是反馈给weex页面C的，所以会舍弃第四数据。

本申请实施例提供的数据交互装置，实现了属于不同页面类型的页面之间的跳转和数据交互，针对拥有大量原生页面的应用程序逐步趋向包含多种不同页面类型的页面的应用程序的过程中，可以大大减少应用程序接入非原生页面，例如，weex页面的成本。

本申请实施例中，属于原生页面类型的多个页面之间的数据通讯方式，仍采用原有的原生页面之间的数据通讯方式，可以实现平缓降级，即在原生页面切换至weex页面后，若出现问题，仅仅是原生页面和weex页面之间的数据通讯出现问题，原生页面和原生页面之间的数据通讯仍正常。

可以理解的是，第一引擎、第二引擎、页面容器和跳转组件对应的程序都运行于处理器中，本申请实施例还提供了应用处理器的一种数据交互方法。

请参阅图8，为本申请实施例提供的数据交互方法的又一实现方式的流程图，该方法包括：

步骤S801：获取由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型。

其中，所述第一跳转信息包括所述第二页面的地址以及第一参数；所述第一参数用于表征所述第二页面向所述第一页面返回的第一数据的编号；所述第一页面属于第一页面类型，所述第一页面类型和所述第二页面所属的第二页面类型不同。

步骤S802：若所述第二页面为第二页面类型，将所述第一跳转信息发送至所述第二页面对应的页面容器。

步骤S803：控制所述页面容器基于所述第二页面的地址展示所述第二页面。

步骤S804：控制跳转组件获得所述第一数据，所述第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种。

步骤S805：控制所述页面容器将从所述跳转组件得到的所述第一数据与所述第一参数对应存储至存储空间。

步骤S806：控制所述第一页面对应的第一引擎从所述存储空间获得与所述第一参数对应的所述第一数据。

针对图8所示流程的描述可以参见上述图2所示的数据交互流程的描述，这里不再赘述。

可选的，第一引擎执行的步骤、第二引擎执行的步骤、页面容器执行的步骤、跳转组件执行的步骤都是由处理器控制的。可选的，本申请实施例提及的如图2、图4、图6和图7所示的数据交互流程可以为处理器控制的。

可选的，应用于处理器的数据交互方法还包括：

获得由所述第二页面跳转至所述第一页面的第二跳转信息以及所述第一页面所述的第一页面类型；

其中，所述第二跳转信息包括所述第一页面的地址以及第二参数，所述第二参数用于表征所述第一页面是否需要向所述第二页面传输第二数据；

若所述第一页面所属的页面类型为所述第一页面类型，将所述第二跳转信息发送至所述跳转组件；

若所述第二参数表征所述第一页面需要向所述第二页面传输第二数据，控制所述跳转组件通过第一预设函数跳转至所述第一引擎；所述第一预设函数携带所述第一页面的地址，所述第一预设函数为多个所述第一页面之间跳转时需要传输数据对应的函数；

控制所述第一引擎基于所述第一页面的地址展示所述第一页面以及基于所述第一页面获得第二数据；

控制所述页面容器将从所述第一引擎得到的第二数据发送至所述第二页面对应的第二引擎。

如图9所示，为本申请实施例提供的电子设备的一种实现方式的结构图，该电子设备包括：

存储器91，用于存储程序；

处理器92，用于执行所述程序，所述程序具体用于：

获取由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型；

其中，所述第一跳转信息包括所述第二页面的地址以及第一参数；所述第一参数用于表征所述第二页面向所述第一页面返回的第一数据的编号；所述第一页面属于第一页面类型，所述第一页面类型和所述第二页面所属的第二页面类型不同；

若所述第二页面为第二页面类型，将所述第一跳转信息发送至所述第二页面对应的页面容器；

控制所述页面容器基于所述第二页面的地址展示所述第二页面；

控制跳转组件获得所述第一数据，所述第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种；

控制所述页面容器将从所述跳转组件得到的所述第一数据与所述第一参数对应存储至存储空间；

控制所述第一页面对应的第一引擎从所述存储空间获得与所述第一参数对应的所述第一数据。

电子设备还可以包括：通信接口93、通信总线94；在本申请实施例中，处理器91、存储器92、通信接口93、通信总线94的数量为至少一个，且处理器91、通信接口93、存储器92通过通信总线54完成相互间的通信；

处理器91可能是一个中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路等；

存储器92可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatilememory)等，例如至少一个磁盘存储器。

本申请实施例还提供了一种可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如上述任一所述数据交互方法。

需要说明的是，本说明书中的各个实施例中记载的特征可以相互替换或者组合。对于装置或系统类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种数据交互装置，其特征在于，包括：

第一引擎，用于获得由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型；若所述第二页面所属的页面类型为第二页面类型，将所述第一跳转信息发送至包含所述第二页面的页面容器；

其中，所述第一引擎与所述第一页面相对应；所述第一页面属于第一页面类型，所述第一页面类型与所述第二页面类型不同；所述第一跳转信息包括所述第二页面的地址以及第一参数；所述第一参数用于表征所述第二页面向所述第一页面返回的第一数据的编号；

所述页面容器，用于基于所述第二页面的地址展示所述第二页面；

跳转组件，用于将基于所述第二页面获得的所述第一数据传输至所述页面容器；所述第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种；

所述页面容器，还用于将所述第一数据以及所述第一参数对应存储至存储空间；

所述第一引擎，还用于从所述存储空间获得所述第一参数对应的所述第一数据，基于所述第一数据更新所述第一页面包含的内容。

2.根据权利要求1所述数据交互装置，其特征在于，所述第一引擎在执行获得由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型时，具体包括：

获取点击的第一对象关联的待跳转的所述第二页面的地址以及所述第二页面所属的第二页面类型；所述第一对象位于所述第一页面；

若所述第一对象关联的事件表征所述第二页面需要向所述第一页面传输数据，创建第一参数。

3.根据权利要求2所述数据交互装置，其特征在于，所述创建第一参数包括：

基于所述第二页面的地址和所述第一页面的地址中至少一个，得到所述第一参数。

4.根据权利要求1至3任一所述数据交互装置，其特征在于，所述跳转组件在执行将基于所述第二页面获得的第一数据传输至所述页面容器时，具体包括：

若检测到针对所述第二页面的页面关闭事件，从第二引擎获得第一数据；所述第二引擎与所述第二页面相对应；

将所述第一数据以及所述页面关闭事件传输至所述页面容器。

5.根据权利要求4所述数据交互装置，其特征在于，所述页面容器还用于：

若监测到所述页面关闭事件，关闭所述页面容器。

6.根据权利要求1、2、3或5任一所述数据交互装置，其特征在于，还包括：

第二引擎，用于获取由所述第二页面跳转至所述第一页面的第二跳转信息以及所述第一页面所属的第一页面类型；若所述第一页面所属的页面类型为所述第一页面类型，将所述第二跳转信息发送至所述跳转组件；

其中，所述第二引擎与所述第二页面相对应；所述第二跳转信息包括所述第一页面的地址以及第二参数，所述第二参数用于表征所述第一页面是否需要向所述第二页面传输第二数据；

所述跳转组件，还用于若所述第二参数表征所述第一页面需要向所述第二页面传输所述第二数据，通过第一预设函数跳转至所述第一引擎；所述第一预设函数携带所述第一页面的地址；

所述第一引擎，还用于基于所述第一页面的地址展示所述第一页面，基于所述第一页面获得所述第二数据，将所述第二数据发送至所述页面容器；所述第二数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种；

所述页面容器，还用于将所述第二数据发送至所述第二引擎。

7.根据权利要求6所述数据交互装置，其特征在于，还包括：

所述跳转组件，还用于若所述第二参数表征所述第一页面不需要向所述第二页面传输所述第二数据，通过的第二预设函数跳转至所述第一引擎；

所述第二预设函数携带有所述第一页面的地址。

8.根据权利要求6所述数据交互装置，其特征在于，所述页面容器在执行将所述第二数据发送至所述第二引擎时，具体包括：广播发送所述第二数据；

所述第二引擎，还用于若监测到所述第二数据，基于所述第二数据更新所述第二页面包含的内容。

9.一种数据交互方法，其特征在于，包括：

获取由第一页面跳转至第二页面的第一跳转信息以及所述第二页面所属的第二页面类型；

其中，所述第一跳转信息包括所述第二页面的地址以及第一参数；所述第一参数用于表征所述第二页面向所述第一页面返回的第一数据的编号；所述第一页面属于第一页面类型，所述第一页面类型和所述第二页面所属的第二页面类型不同；

若所述第二页面为第二页面类型，将所述第一跳转信息发送至所述第二页面对应的页面容器；

控制所述页面容器基于所述第二页面的地址展示所述第二页面；

控制跳转组件获得所述第一数据，所述第一数据包括针对所述第二页面的用户输入数据，和，针对所述第二页面的用户输入操作的响应数据中的一种或多种；

控制所述页面容器将从所述跳转组件得到的所述第一数据与所述第一参数对应存储至存储空间；

控制所述第一页面对应的第一引擎从所述存储空间获得与所述第一参数对应的所述第一数据。

10.根据权利要求9所述数据交互方法，其特征在于，还包括：

获得由所述第二页面跳转至所述第一页面的第二跳转信息以及所述第一页面所述的第一页面类型；

其中，所述第二跳转信息包括所述第一页面的地址以及第二参数，所述第二参数用于表征所述第一页面是否需要向所述第二页面传输第二数据；

若所述第一页面所属的页面类型为所述第一页面类型，将所述第二跳转信息发送至所述跳转组件；

若所述第二参数表征所述第一页面需要向所述第二页面传输所述第二数据，控制所述跳转组件通过第一预设函数跳转至所述第一引擎；所述第一预设函数携带所述第一页面的地址；

控制所述第一引擎基于所述第一页面的地址展示所述第一页面以及基于所述第一页面获得所述第二数据；

控制所述页面容器将从所述第一引擎得到的所述第二数据发送至所述第二页面对应的第二引擎。

Images