一种页面数据交互方法、相关装置及系统的制作方法_2

文档序号:8258143阅读:来源:国知局
发事件,当父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时,父页面判断出所述跨域API请求中请求的API为所述父页面提供的API后,向服务器发送数据请求,从而可以避免使用开发和维护成本较高的鉴权方式,解决了现有技术中认证流程复杂冗长的技术问题,大大加快了页面展示速度,特别是在移动终端网络较慢的情况下,效果更佳显著;并且第三方开发者也无需关注授权相关流程,只需关注业务逻辑开发,大大提高了开发效率,节省了开发成本;另夕卜,基于嵌套框架的跨域性,子页面不能直接操作和获取父页面的任何内容,提高了数据安全性;通过本发明实施例无需维护用户名和密钥信息的申请平台,第三方开发者也无需保存和保密密钥信息,有效避免了用户私密信息的泄露,提高了数据交互的安全性。
【附图说明】
[0038]为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0039]图1是本发明实施例提供的页面数据交互方法的应用场景示意图;
[0040]图2是本发明实施例提供的页面数据交互方法的流程示意图;
[0041]图3是本发明实施例提供的页面数据交互方法原理示意图;
[0042]图4是本发明提供的子页面抽奖的第一实施例的示意图;
[0043]图5是本发明提供的子页面抽奖的第二实施例的示意图;
[0044]图6是本发明实施例提供的页面数据交互装置的结构示意图;
[0045]图7是本发明提供的页面数据交互装置的另一实施例的结构示意图;
[0046]图8是本发明提供的页面数据交互装置的另一实施例的结构示意图;
[0047]图9是本发明提供的页面数据交互装置的另一实施例的结构示意图;
[0048]图10是本发明实施例提供的页面数据交互系统的结构示意图。
【具体实施方式】
[0049]下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
[0050]本发明各个实施例可以基于图1所示的应用场景来实施,用户可以通过带有页面显示功能的用户设备打开页面并进行页面操作,页面相应用户的操作,并通过用户设备与服务器进行数据交互,从服务器获取需要的数据进行数据处理或操作。
[0051]本发明各个实施例中该用户设备可以包括但不限于带有页面显示功能的移动电话、移动电脑、平板电脑、个人数字助理(Personal Digital Assistant, PDA)、媒体播放器、智能电视、智能手表、智能眼镜、智能手环等用户设备。
[0052]下面结合图2至图6实施例来详细说明本发明页面数据交互方法的【具体实施方式】:
[0053]如图2示出的本发明实施例提供的页面数据交互方法的流程示意图,从用户设备侧来描述页面数据交互方法的技术方案,包括:
[0054]步骤S200:监听基于嵌套框架的跨域触发事件;
[0055]具体地,用户设备监听基于嵌套框架的跨域触发事件,本发明实施例中的基于嵌套框架的跨域触发事件包括执行从父页面跳转到子页面的触发指令、或者从子页面跳转到父页面的触发指令;该子页面与该父页面属于不同的域;
[0056]需要说明的是,本发明实施例中的嵌套框架包括但限于iframe嵌套,只要可以实现页面之间的跨域嵌套即可,本发明实施例不作限制;下面本发明实施例主要以嵌套框架iframe为例进行说明;可理解的是,本发明实施例中的父页面可以预先进行了封装,该父页面可以基于iframe嵌套有多个子页面,即各个iframe的地址分别指向各个子页面的地址;当用户设备打开该父页面,比如该用户设备通过浏览器打开某父页面,那么用户设备即实时监听基于iframe的跨域触发事件。
[0057]步骤S202:当父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时,所述父页面判断所述跨域API请求中请求的API是否为所述父页面提供的API ;
[0058]具体地,本发明实施例中的父页面只接受系统提供的应用程序编程接口(Applicat1n Programming Interface,API),即子页面只能向父页面请求系统中提供的API,那么当用户设备通过父页面监听到子页面通过跨域消息传输方式发起的跨域API请求时,该父页面判断所述跨域API请求中请求的API是否为所述父页面提供的API ;
[0059]可理解的是,本发明实施例中的API是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。
[0060]步骤S204:当判断结果为是时,所述父页面根据所述跨域API请求向服务器发送数据请求;
[0061]具体地,当判断出该跨域API请求中请求的API为该父页面提供的API,即表明为合法的跨域API请求,那么用户设备通过该父页面根据该跨域API请求向服务器发送数据请求;该服务器接收到数据请求后,向该父页面返回相应的数据;
[0062]需要说明的是,当判断出跨域API请求中请求的API不为该父页面提供的API,即表明为不合法的跨域API请求,那么该父页面可以向该子页面返回请求失败提示信息,以指示该跨域API请求失败、错误或无效。
[0063]步骤S206:所述父页面接收所述服务器返回的数据后,将所述数据通过跨域消息传输方式发送给所述子页面。
[0064]具体地,用户设备通过该父页面接收到该服务器返回的数据后,将该数据通过跨域消息传输方式发送给该子页面。
[0065]进一步地,步骤S206在将该数据通过跨域消息传输方式发送给该子页面之后,还可以包括,该子页面监听到该父页面通过跨域消息传输方式发送的数据;该子页面获取并根据所述数据进行数据操作。
[0066]下面结合图3、图4和图5,举一个实例进行说明:
[0067]如图3示出的本发明实施例提供的页面数据交互方法原理示意图,当用户通过用户设备(如智能移动终端,包括手机等)打开系统提供的某父页面,具体地用户需要在该父页面中进行登录,即输入登录账号与登录密码信息,那么该父页面获取该账号与密码(即该父页面可获取用户登录态),并在对账号与密码验证通过后,向用户展示父页面的页面内容;该父页面基于iframe嵌套有多个子页面,包括一个抽奖子页面,可理解的是,该抽奖子页面与该父页面为不同的域,可以为第三方开发者基于该父页面开发的抽奖子页面,该抽奖子页面不能获得该父页面获取的登录账号与登录密码信息;这样可以有效地防止用户私密信息泄露给第三方,同时又降低了第三方的开发成本,从而有效地提高第三方开发的效率;
[0068]当用户点击进行抽奖或者点击查看抽奖结果时,如图4示出的本发明提供的子页面抽奖的第一实施例的示意图,用户可以点击查看抽奖结果,那么该父页面即监听到子页面通过跨域消息传输方式发起的跨域API请求时,具体地该跨域API请求中请求的API为请求查看抽奖结果的API,然后该父页面判断该跨域API请求中请求的API是否为该父页面提供的用于查看抽奖结果的API ;若是,那么该父页面根据该跨域API请求向服务器发送查看抽奖结果的数据请求,服务器根据该数据请求向该父页面返回抽奖结果信息,该父页面接收到该数据请求后,该抽奖结果信息通过跨域消息传输方式发送给该抽奖子页面,该抽奖子页面监听到该父页面通过跨域消息传输方式发送的抽奖结果信息;该子页面获取到该抽奖结果信息后,可以展示给用户,如图5示出的本发明提供的子页面抽奖的第二实施例的示意图。
[0069]需要说明的是,本发明实施例不限于用户通过子页面进行抽奖或者点击查看抽奖结果,即父页面除了可以包
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1