如图10所示，该页面数据交互系统100可以包括服务器1000和用户设备1002，可理解的是，页面数据交互系统100可以包括多个用户设备1002，其中
[0096]用户设备1002监听基于嵌套框架的跨域触发事件；当父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时，所述父页面判断所述跨域API请求中请求的API是否为所述父页面提供的API ;其中，所述子页面嵌套于所述父页面中，所述子页面与所述父页面属于不同的域；当判断结果为是时，所述父页面根据所述跨域API请求向服务器1000发送数据请求；用户设备1002接收所述服务器返回的数据后，所述父页面将所述数据通过跨域消息传输方式发送给所述子页面。
[0097]具体地，用户设备1002包括图6至图8的60，或者图9的页面数据交互装置90 ;页面数据交互系统100具体的如何页面数据交互，可以对应参考上述方法项实施例的描述，这里不再赘述。
[0098]综上所述，实施本发明实施例，通过监听基于嵌套框架的跨域触发事件，当父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时，父页面判断出所述跨域API请求中请求的API为所述父页面提供的API后，向服务器发送数据请求，从而可以避免使用开发和维护成本较高的鉴权方式，解决了现有技术中认证流程复杂冗长的技术问题，大大加快了页面展示速度，特别是在移动终端网络较慢的情况下，效果更佳显著；并且第三方开发者也无需关注授权相关流程，只需关注业务逻辑开发，大大提高了开发效率，节省了开发成本；另外，基于嵌套框架的跨域性，子页面不能直接操作和获取父页面的任何内容，提高了数据安全性；通过本发明实施例无需维护用户名和密钥信息的申请平台，第三方开发者也无需保存和保密密钥信息，有效避免了用户私密信息的泄露，提高了数据交互的安全性。
[0099]本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory, ROM)或随机存储记忆体(Random AccessMemory, RAM)等。
[0100]以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。
【主权项】
1.一种页面数据交互方法，其特征在于，包括: 监听基于嵌套框架的跨域触发事件； 当父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时，所述父页面判断所述跨域API请求中请求的API是否为所述父页面提供的API ;其中，所述子页面嵌套于所述父页面中，所述子页面与所述父页面属于不同的域； 当判断结果为是时，所述父页面根据所述跨域API请求向服务器发送数据请求； 所述父页面接收所述服务器返回的数据后，将所述数据通过跨域消息传输方式发送给所述子页面。
2.如权利要求1所述的方法，其特征在于，所述父页面将所述数据通过跨域消息传输方式发送给所述子页面之后，还包括: 所述子页面监听到所述父页面通过跨域消息传输方式发送的数据； 所述子页面获取并根据所述数据进行数据操作。
3.如权利要求1所述的方法，其特征在于，所述父页面判断所述跨域API请求中请求的API是否为所述父页面提供的API之后，还包括: 当判断结果为否时，则所述父页面向所述子页面返回请求失败提示信息。
4.如权利要求1所述的方法，其特征在于，所述跨域API请求对应有所述子页面生成的唯一标识，用于指示所述跨域API请求由所述子页面发起； 所述父页面接收到服务器返回的数据后，将所述数据通过跨域消息传输方式发送给所述子页面包括:根据所述跨域API请求对应的唯一标识，通过跨域消息传输方式向发起所述跨域API请求的子页面发送所述数据。
5.如权利要求1-4任一项所述的方法，其特征在于，所述子页面通过跨域消息传输方式发起的跨域API请求包括:所述子页面通过postMessage发起的跨域API请求；或者 所述父页面将所述数据通过跨域消息传输方式发送给所述子页面包括:所述父页面将所述数据通过postMessage发送给所述子页面。
6.一种页面数据交互装置，其特征在于，包括: 监听模块，用于监听基于嵌套框架的跨域触发事件； 父页面判断模块，用于当父页面通过所述监听模块监听到子页面通过跨域消息传输方式发起的跨域API请求时，所述父页面判断所述跨域API请求中请求的API是否为所述父页面提供的API ;其中，所述子页面嵌套于所述父页面中，所述子页面与所述父页面属于不同的域； 第一判断处理模块，用于当所述父页面判断模块的判断结果为是时，所述父页面根据所述跨域API请求向服务器发送数据请求； 数据发送模块，用于在所述父页面接收所述服务器返回的数据后，将所述数据通过跨域消息传输方式发送给所述子页面。
7.如权利要求6所述的装置，其特征在于，当所述数据发送模块将所述数据通过跨域消息传输方式发送给所述子页面之后，所述子页面通过所述监听模块监听到所述父页面通过跨域消息传输方式发送的数据；所述装置还包括: 数据操作模块，用于获取所述数据，并根据所述数据进行数据操作。
8.如权利要求6所述的装置，其特征在于，所述装置还包括: 第二判断处理模块，用于当所述父页面判断模块的判断结果为否时，所述父页面向所述子页面返回请求失败提示信息。
9.如权利要求6所述的装置，其特征在于，所述跨域API请求对应有所述子页面生成的唯一标识，用于指示所述跨域API请求由所述子页面发起； 所述数据发送模块具体用于:在所述父页面接收所述服务器返回的数据后，根据所述跨域API请求对应的唯一标识，通过跨域消息传输方式向发起所述跨域API请求的子页面发送所述数据。
10.如权利要求6-9任一项所述的装置，其特征在于，所述子页面通过跨域消息传输方式发起的跨域API请求包括:所述子页面通过postMessage发起的跨域API请求；或者 所述数据发送模块将所述数据通过跨域消息传输方式发送给所述子页面包括:将所述数据通过postMessage发送给所述子页面。
11.一种页面数据交互系统，其特征在于，包括用户设备与服务器，其中 所述用户设备监听基于嵌套框架的跨域触发事件；当父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时，所述父页面判断所述跨域API请求中请求的API是否为所述父页面提供的API ;其中，所述子页面嵌套于所述父页面中，所述子页面与所述父页面属于不同的域；当判断结果为是时，所述父页面根据所述跨域API请求向所述服务器发送数据请求；用户设备1002接收所述服务器返回的数据后，所述父页面将所述数据通过跨域消息传输方式发送给所述子页面。
12.如权利要求11所述的系统，其特征在于，所述用户设备包括如权利要求6-9任一项所述的页面数据交互装置。
【专利摘要】本发明实施例公开了页面数据交互方法，包括：监听基于嵌套框架的跨域触发事件；当父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时，父页面判断跨域API请求中请求的API是否为父页面提供的API；其中，子页面嵌套于父页面中，子页面与父页面属于不同的域；当判断为是时，父页面根据跨域API请求向服务器发送数据请求；父页面接收服务器返回的数据后，将数据通过跨域消息传输方式发送给子页面。本发明还公开了一种页面数据交互装置、设备及系统，采用本发明，可以避免使用开发和维护成本较高的鉴权方式，解决了现有技术中认证流程复杂冗长的技术问题。
【IPC分类】G06F21-60, G06F9-46
【公开号】CN104572263
【申请号】CN201410842991
【发明人】骆军城, 白广元, 李国财
【申请人】腾讯科技（深圳）有限公司
【公开日】2015年4月29日
【申请日】2014年12月30日