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 相关文章推荐
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
jQuery实现复选框批量选择与反选的方法
Jun 17 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
VueJS全面解析
Nov 10 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 Javascript
原生JS改变透明度实现轮播效果
Mar 24 Javascript
《javascript少儿编程》location术语总结
May 27 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
js设计模式之单例模式原理与用法详解
Aug 15 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
PHP提取中文首字母
2008/04/09 PHP
php empty函数 使用说明
2009/08/10 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
JavaScript 撑出页面文字换行
2009/06/15 Javascript
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
javascript设计模式之中介者模式Mediator
2014/12/30 Javascript
AngularJS基础知识笔记之表格
2015/05/10 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
[48:52]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第一局
2016/02/25 DOTA
详解Python中的strftime()方法的使用
2015/05/22 Python
Python在线运行代码助手
2016/07/15 Python
Python实现打印螺旋矩阵功能的方法
2017/11/21 Python
python批量赋值操作实例
2018/10/22 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
英国电子专家:maplin
2019/09/04 全球购物
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
诚信承诺书范文
2014/03/27 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
技术股东合作协议书
2014/12/02 职场文书
英文导游词
2015/02/13 职场文书
手残删除python之后的补救方法
2021/06/26 Python
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android