首页  专利技术  电子电路装置的制造及其应用技术

前端跨域页面传递数据方法及系统与流程

2025-06-10 12:00:07 288次浏览

技术特征:

1.前端跨域页面传递数据方法,其特征在于,包括以下步骤:

2. 根据权利要求1所述的前端跨域页面传递数据方法,其特征在于,所述s2步骤的在所述子页面使用 postmessage 方法发送消息给所述父页面包括:

3. 根据权利要求1所述的前端跨域页面传递数据方法,其特征在于,所述s3步骤的由父页面监听 message 事件包括:在父页面的目标窗口中,使用window.addeventlistener方法注册 message 事件,在回调函数中定义对接收到数据的处理方式;当父页面有消息传来时,调用之前定义好的所述回调函数,获取到发送的消息内容。

4. 根据权利要求1所述的前端跨域页面传递数据方法,其特征在于,所述s4步骤的在所述父页面使用 postmessage 方法发送消息给所述子页面包括:

5. 根据权利要求1所述的前端跨域页面传递数据方法,其特征在于,所述s5步骤的由所述子页面监听 message 事件包括:在子页面的目标窗口中,使用window.addeventlistener 方法注册 message 事件,在回调函数中定义对接收到数据的处理方式;当子页面有消息传来时,调用之前定义好的所述回调函数,获取到发送的消息内容。

6. 根据权利要求1所述的前端跨域页面传递数据方法,其特征在于,所述postmessage方法包括设置消息能够发送到的域的域名白名单,指定目标 origin 域的参数,所述目标origin 域表示消息能够发送到哪些域,保证只有指定的域能够接收到消息。

7.前端跨域页面传递数据系统,执行如权利要求1-6任一项所述的前端跨域页面传递数据方法,其特征在于,包括:

8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现权利要求1-6任一项所述的前端跨域页面传递数据方法的步骤。

9.一种计算机设备,所述计算机设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-6任一项所述的前端跨域页面传递数据方法的步骤。


技术总结
本发明提供前端跨域页面传递数据方法及系统,方法包括:设置父页面iframe的src属性为需通信的子页面的URL;子页面加载完成后使用postMessage方法发送消息给父页面;父页面监听message事件,在事件处理函数中接收并处理所述子页面发送来的消息;当子页面需获取父页面消息时,父页面使用postMessage方法发送消息给子页面;子页面监听message事件,在事件处理函数中接收并处理父页面发送来的消息。本发明可防止数据泄漏到未经授权的域;传输数据简单易行,可同时处理其他任务;可在不同文档或不同窗口间通信,允许来自不同源的页面进行安全的数据交互,提高了前端页面开发效率。

技术研发人员:崔志荣,黄志伟,冯颖,李孟花,江琦
受保护的技术使用者:同方有云(北京)科技有限公司
技术研发日:
技术公布日:2024/11/18
文档序号 : 【 40051409 】

技术研发人员:崔志荣,黄志伟,冯颖,李孟花,江琦
技术所有人:同方有云(北京)科技有限公司

备 注:该技术已申请专利,仅供学习研究,如用于商业用途,请联系技术所有人。
声 明此信息收集于网络,如果你是此专利的发明人不想本网站收录此信息请联系我们,我们会在第一时间删除
崔志荣黄志伟冯颖李孟花江琦同方有云(北京)科技有限公司
一种智能水表磁阻型脉冲计量方法及装置与流程 一种桶装食用油自动压盖机的制作方法
相关内容