js广播事件,两个独立系统之间页面嵌套

        与友商联调时发现，对方在页面中嵌入我方的一个表单提交模块，在用户点击我方的保存按钮 提交成功后，需要同时关闭双方的弹出框。由于是处于两个系统，且没有在此提交后做相应的回调接口，因此与对方商讨过后 决定采用js 发送广播的方式 ，来通知对方 用户的保存操作。

        在JavaScript中，没有内置的“广播事件”的概念，但是可以通过自定义事件和监听器来模拟广播效果。

具体代码如下

//发送广播方法
function sendMessageToParent(cMessage){
    window.parent.postMessage(cMessage,'*');
    if (typeof (containerMsger)== "object" && typeof (containerMsger.sendMsgTocontainer)== "function") {
        ContainerMsger.sendMsgToContainer(JSON.stringify(cMessage));
    }
}

//此处为保存成功之后进行调用
    WebApi.ajax({
            url: WebApi.ctxPath + 'xxxxxxxx',
            type: 'POST',
            data: $('#addForm').serialize(),
            dataType: 'JSON',
            async: false
        }, function (data) {
            if (data.status === 1) {
                WebApi.message("信息上报成功");
                var para = {
                    type:"dwhd",
                    value:"1"
                };
                sendMessageToParent(para);
                WebApi.closeLoader(idx);
            } else {
                WebApi.message(data.message);
                WebApi.closeLoader(idx);
            }
        },
        function () {
            WebApi.message('服务器异常，请稍后再试！');
            WebApi.closeLoader(idx);
        });

// 对方广播监听
window.addEventListener('message', function (event) {
            console.log(event.data);
            if (event.data.type == "dwhd") {
                if (event.data.value == "1") {
                    Cabin.getThisNModal().close({success: true});
                }
            }
        }, false);