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 相关文章推荐
Javascript实现的鼠标经过时播放声音
May 18 Javascript
jquery 注意事项与常用语法小结
Jun 07 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
固定表格行列(expression)在IE下适用
Jul 25 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
JS实现很实用的对联广告代码(可自适应高度)
Sep 18 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
Aug 24 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 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执行速度全攻略
2006/10/09 PHP
PHP中redis的用法深入解析
2014/02/20 PHP
php实现简单的上传进度条
2015/11/17 PHP
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
利用js 进行输入框自动匹配字符的小例子
2013/06/29 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
2014/01/08 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
2015/04/13 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
学习JavaScript设计模式之观察者模式
2020/04/22 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
React通过父组件传递类名给子组件的实现方法
2017/11/13 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
React父子组件间的传值的方法
2018/11/13 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
Vue快速实现通用表单验证功能
2019/12/05 Javascript
使用PDB简单调试Python程序简明指南
2015/04/25 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
python实现名片管理器的示例代码
2019/12/17 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
教师自我评价范文
2013/12/16 职场文书
校长就职演讲稿
2014/01/06 职场文书
机关副主任个人四风问题整改措施
2014/09/26 职场文书
学校办公室主任岗位职责
2015/04/01 职场文书
党员公开承诺书(2016最新版)
2016/03/24 职场文书
Redis实现订单过期删除的方法步骤
2022/06/05 Redis