php main 与 iframe 相互通讯类(js+php同域/跨域)


Posted in Javascript onSeptember 14, 2017

main 与 iframe 相互通讯类

之前写过一篇《iframe与主框架跨域相互访问方法》,介绍了main与iframe相互通讯的原理,不了解原理的可以先看看。

今天把main与iframe相互通讯的方法封装成类,主要有两个文件,

JS:FrameMessage.js 实现调用方法的接口,如跨域则创建临时iframe,调用同域执行者。
PHP:FrameMessage.class.php 实现接收到跨域请求时,根据参数返回执行方法的JS code。

功能如下:

1.支持同域与跨域通讯
2.传递的方法参数支持字符串,JSON,数组等。

php main 与 iframe 相互通讯类(js+php同域/跨域)

FrameMessage.exec('http://127.0.0.1/execB.php', 'myframe', 'fIframe', ['fdipzone', '{"gender":"male","age":"29"}', '["http://blog.csdn.net/fdipzone", "http://weibo.com/fdipzone"]']); 

php main 与 iframe 相互通讯类(js+php同域/跨域)

FrameMessage.exec('http://localhost/execA.php', '', 'fMain', ['programmer', '{"first":"PHP","second":"javascript"}', '["EEG","NMG"]']);

因部分浏览器不支持JSON.stringify 与JSON.parse 方法(如IE6/7),为了兼容,需要包含json2.js,下载地址:

Javascript 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
指定位置如果有图片显示图片,无图片显示广告的JS
Jun 05 Javascript
jQuery UI Autocomplete 体验分享
Feb 14 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
Nov 28 Javascript
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
iframe与主框架跨域相互访问实现方法
Sep 14 #Javascript
VsCode插件整理(小结)
Sep 14 #Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 #Javascript
vue 计时器组件的实现代码
Sep 14 #Javascript
详解tween.js的使用教程
Sep 14 #Javascript
JS库之wow.js使用方法
Sep 14 #Javascript
JavaScript正则表达式和级联效果
Sep 14 #Javascript
You might like
php 在文件指定行插入数据的代码
2010/05/08 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
form表单传递数组数据、php脚本接收的实例
2017/02/09 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
让iframe子窗体取父窗体地址栏参数(querystring)
2009/10/13 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
angular bootstrap timepicker TypeError提示怎么办
2017/06/13 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
[01:23]2019完美世界全国高校联赛(春季赛)合肥全国总决赛
2019/06/10 DOTA
在Python中使用全局日志时需要注意的问题
2015/05/06 Python
python常用函数详解
2016/09/13 Python
Python2.7编程中SQLite3基本操作方法示例
2017/08/09 Python
Python enumerate索引迭代代码解析
2018/01/19 Python
使用Python制作微信跳一跳辅助
2018/01/31 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
python实现的汉诺塔算法示例
2019/10/23 Python
“九一八事变纪念日”国旗下讲话稿
2014/09/14 职场文书
2014年司机工作总结
2014/11/21 职场文书
导游词之淮安明祖陵
2019/11/25 职场文书
十二月早安励志心语大全
2019/12/03 职场文书
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript