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 相关文章推荐
最近项目写了一些js,水平有待提高
Jan 31 Javascript
javascript+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
点评js异步加载的4种方式
Dec 22 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
vue如何获取点击事件源的方法
Aug 10 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 Javascript
这样回答继承可能面试官更满意
Dec 10 Javascript
extjs4图表绘制之折线图实现方法分析
Mar 06 Javascript
Vue父子组件传值的一些坑
Sep 16 Javascript
js实现三角形粒子运动
Sep 22 Javascript
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
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
php4的session功能评述(三)
2006/10/09 PHP
php简单静态页生成过程
2008/03/27 PHP
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
jQuery 连续列表实现代码
2009/12/21 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
AngularJS 表达式详解及实例代码
2016/09/14 Javascript
微信小程序 navbar实例详解
2017/05/11 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
Python实现子类调用父类的方法
2014/11/10 Python
python实现决策树ID3算法的示例代码
2018/05/30 Python
Python pandas实现excel工作表合并功能详解
2019/08/29 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
用CSS3的box-reflect来制作倒影效果
2016/11/15 HTML / CSS
大学新闻系求职信
2014/06/03 职场文书
妈妈活动方案
2014/08/15 职场文书
缓刑人员思想汇报500字
2014/09/12 职场文书
入党个人总结范文
2015/03/02 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
《正面管教》读后有感:和善而坚定的旅程
2019/12/19 职场文书
Python OpenCV快速入门教程
2021/04/17 Python
Python 如何实现文件自动去重
2021/06/02 Python
Python一些基本的图像操作和处理总结
2021/06/23 Python
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python
Springboot中如何自动转JSON输出
2022/06/16 Java/Android