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程序中美元符号$是什么
Jun 05 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
面向对象设计模式的核心法则
Nov 10 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
May 16 Javascript
浏览器兼容的JS写法总结
Apr 27 Javascript
文件上传,iframe跨域数据提交的实现
Nov 18 Javascript
使用yeoman构建angular应用的方法
Aug 14 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 Javascript
Vue提供的三种调试方式你知道吗
Jan 18 Vue.js
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下几种删除目录的方法总结
2007/08/19 PHP
在PHP中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
HTTP头隐藏PHP版本号实现过程解析
2020/12/09 PHP
jquery.post用法示例代码
2014/01/03 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
Vue中key的作用示例代码详解
2020/06/10 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
Python中threading模块join函数用法实例分析
2015/06/04 Python
python黑魔法之参数传递
2016/02/12 Python
python django事务transaction源码分析详解
2017/03/17 Python
Python操作csv文件实例详解
2017/07/31 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
PyQt5 多窗口连接实例
2019/06/19 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
const和static readonly区别
2013/05/20 面试题
大学生简历的个人自我评价
2013/12/04 职场文书
劳动之星获奖感言
2014/02/01 职场文书
出纳会计岗位职责
2014/03/12 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
结对共建协议书
2014/08/20 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
小数乘法教学反思
2016/02/22 职场文书
Python+Appium实现自动抢微信红包
2021/05/21 Python
利用Python+OpenCV三步去除水印
2021/05/28 Python
MySQL分区以及建索引的方法总结
2022/04/13 MySQL