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 FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
子页向父页传值示例
Nov 27 Javascript
jquery.post用法之type设置问题
Feb 24 Javascript
JS实现鼠标单击与双击事件共存
Mar 08 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
angular中使用路由和$location切换视图
Jan 23 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
Vue 2.0的数据依赖实现原理代码简析
Jul 10 Javascript
Angularjs上传文件组件flowjs功能
Aug 07 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 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字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
PHP使用Pear发送邮件(Windows环境)
2016/01/05 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
PHP中cookie知识点学习
2018/05/06 PHP
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
jQuery中:empty选择器用法实例
2014/12/30 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
2015/11/23 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
2016/11/25 Javascript
BootStrap便签页的简单应用
2017/01/06 Javascript
Angular学习教程之RouterLink花式跳转
2018/05/03 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
在Python中处理XML的教程
2015/04/29 Python
python3中str(字符串)的使用教程
2017/03/23 Python
深入浅析Python中list的复制及深拷贝与浅拷贝
2018/09/03 Python
python实现简单登陆系统
2018/10/18 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
使用TensorFlow实现简单线性回归模型
2019/07/19 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
英国书籍、CD、DVD和游戏的第一道德零售商:Awesome Books
2020/02/22 全球购物
逃课上网检讨书
2014/02/20 职场文书
安全责任书怎么写
2014/07/28 职场文书
群众路线教育实践活动的心得体会
2014/09/03 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
工作调动申请报告
2015/05/18 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
社区低保工作总结2015
2015/07/23 职场文书