Home > Backend Development > PHP Tutorial > php main and iframe mutual communication class (same domain/cross domain)

php main and iframe mutual communication class (same domain/cross domain)

黄舟
Release: 2023-03-05 19:36:02
Original
1143 people have browsed it

main 与 iframe 相互通讯类

之前写过一篇《iframe与主框架跨域相互访问方法》,介绍了main与iframe相互通讯的原理,不了解原理的可以先看看。


今天把main与iframe相互通讯的方法封装成类,主要有两个文件,

JS:FrameMessage.js 实现调用方法的接口,如跨域则创建临时iframe,调用同域执行者。

PHP:FrameMessage.class.php 实现接收到跨域请求时,根据参数返回执行方法的JS code。


功能如下:

1.支持同域与跨域通讯

2.传递的方法参数支持字符串,JSON,数组等。



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"]']);
Copy after login





FrameMessage.exec('http://localhost/execA.php', '', 'fMain', ['programmer', '{"first":"PHP","second":"javascript"}', '["EEG","NMG"]']);
Copy after login



因部分浏览器不支持JSON.stringifyJSON.parse 方法(如IE6/7),为了兼容,需要包含json2.js,下载地址://m.sbmmt.com/


FrameMessage.js


/** Main 与 Iframe 相互通讯类 支持同域与跨域通讯
*	Date:   2013-12-29
*   Author: fdipzone
*   Ver:    1.0
*/
var FrameMessage = (function(){

    this.oFrameMessageExec = null; // 临时iframe

    /* 执行方法
    executor 执行的页面,为空则为同域
    frame    要调用的方法的框架名称,为空则为parent
    func     要调用的方法名
    args     要调用的方法的参数,必须为数组[arg1, arg2, arg3, argn...],方便apply调用
             元素为字符串格式,请不要使用html,考虑注入安全的问题会过滤
    */
    this.exec = function(executor, frame, func, args){

        this.executor = typeof(executor)!='undefined'? executor : '';
        this.frame = typeof(frame)!='undefined'? frame : '';
        this.func = typeof(func)!='undefined'? func : '';
        this.args = typeof(args)!='undefined'? (__fIsArray(args)? args : []) : []; // 必须是数组

        if(executor==''){
            __fSameDomainExec(); // same domain
        }else{
            __fCrossDomainExec(); // cross domain
        }

    }

    /* 同域执行 */
    function __fSameDomainExec(){
        if(this.frame==''){ // parent
            parent.window[this.func].apply(this, this.args);
        }else{
            window.frames[this.frame][this.func].apply(this, this.args);
        }
    }

    /* 跨域执行 */
    function __fCrossDomainExec(){
        if(this.oFrameMessageExec == null){
            this.oFrameMessageExec = document.createElement('iframe');
            this.oFrameMessageExec.name = 'FrameMessage_tmp_frame';
            this.oFrameMessageExec.src = __fGetSrc();
            this.oFrameMessageExec.style.display = 'none';
            document.body.appendChild(this.oFrameMessageExec);
        }else{
            this.oFrameMessageExec.src = __fGetSrc();
        }
    }

    /* 获取执行的url */
    function __fGetSrc(){
        return this.executor + (this.executor.indexOf('?')==-1? '?' : '&') + 'frame=' + this.frame + '&func=' + this.func + '&args=' + JSON.stringify(this.args) + '&framemessage_rand=' + Math.random();
    }

    /* 判断是否数组 */
    function __fIsArray(obj){
        return Object.prototype.toString.call(obj) === '[object Array]';
    }

    return this;

}());
Copy after login


FrameMessage.class.php


<?php
/** Frame Message class main 与 iframe 相互通讯类
*   Date:   2013-12-29
*   Author: fdipzone
*   Ver:    1.0
*
*   Func:
*   public  execute  根据参数调用方法
*   private returnJs 创建返回的javascript
*   private jsFormat 转义参数
*/

class FrameMessage{ // class start

    /* execute 根据参数调用方法
    * @param  String  $frame 要调用的方法的框架名称,为空则为parent
    * @param  String  $func  要调用的方法名
    * @param  JSONstr $args  要调用的方法的参数
    * @return String
    */
    public static function execute($frame, $func, $args=&#39;&#39;){

        if(!is_string($frame) || !is_string($func) || !is_string($args)){
            return &#39;&#39;;
        }

        // frame 与 func 限制只能是字母数字下划线
        if(($frame!=&#39;&#39; && !preg_match(&#39;/^[A-Za-z0-9_]+$/&#39;,$frame)) || !preg_match(&#39;/^[A-Za-z0-9_]+$/&#39;,$func)){
            return &#39;&#39;;
        }

        $params_str = &#39;&#39;;

        if($args){
            $params = json_decode($args, true);
            
            if(is_array($params)){

                for($i=0,$len=count($params); $i<$len; $i++){ // 过滤参数,防止注入
                    $params[$i] = self::jsFormat($params[$i]);
                }
                
                $params_str = "&#39;".implode("&#39;,&#39;", $params)."&#39;";
            }
        }

        if($frame==&#39;&#39;){ // parent
            return self::returnJs("parent.parent.".$func."(".$params_str.");");
        }else{
            return self::returnJs("parent.window.".$frame.".".$func."(".$params_str.");");
        }

    }


    /** 创建返回的javascript
    * @param  String  $str
    * @return String 
    */
    private static function returnJs($str){

        $ret = &#39;<script type="text/javascript">&#39;."\r\n";
        $ret .= $str."\r\n";
        $ret .= &#39;</script>&#39;;

        return $ret;
    }


    /** 转义参数
    * @param  String $str
    * @return String
    */
    private static function jsFormat($str){

        $str = strip_tags(trim($str));  // 过滤html
        $str = str_replace(&#39;\\s\\s&#39;, &#39;\\s&#39;, $str);
        $str = str_replace(chr(10), &#39;&#39;, $str);
        $str = str_replace(chr(13), &#39;&#39;, $str);
        $str = str_replace(&#39; &#39;, &#39;&#39;, $str);
        $str = str_replace(&#39;\\&#39;, &#39;\\\\&#39;, $str);
        $str = str_replace(&#39;"&#39;, &#39;\\"&#39;, $str);
        $str = str_replace(&#39;\\\&#39;&#39;, &#39;\\\\\&#39;&#39;, $str);
        $str = str_replace("&#39;", "\&#39;", $str);

        return $str;
    }

} // class end

?>
Copy after login



A.html





 
  
   main window 
  
  

  

 

A.html main

Copy after login


B.html





 
  
   iframe window 
  
  

  

 

B.html iframe

Copy after login


execA.php 与 execB.php



<?php
require &#39;FrameMessage.class.php&#39;;

$frame = isset($_GET[&#39;frame&#39;])? $_GET[&#39;frame&#39;] : &#39;&#39;;
$func = isset($_GET[&#39;func&#39;])? $_GET[&#39;func&#39;] : &#39;&#39;;
$args = isset($_GET[&#39;args&#39;])? $_GET[&#39;args&#39;] : &#39;&#39;;

$result = FrameMessage::execute($frame, $func, $args);

echo $result;
?>
Copy after login


 以上就是php main 与 iframe 相互通讯类(同域/跨域) 的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template