目前需求A工程调用另外B工程,再通过登录验证以后B工程展示的页面嵌套在A工程的某个地方,在网上看了一下ext跨域请求,返回的是某个结果,所以就不太清楚能不能跨域请求返回一个页面,而这个页面的功能比如查询对应的是B工程的查询,可以直接通过这个查询按钮查出B工程的结果,也就是说A工程展示的是B工程查询的结果
实现是可以实现。两个跨域的界面是可以对话的。
之前做过一个类似实现。
引入的一个js文件:
(function(global){
global.Cross = {
signalHandler: {},
on: function(signal, func){
this.signalHandler[signal] = func;
},
call: function(win, domain, signal, data, callbackfunc){
var notice = {"signal": signal, "data": data};
if(!!callbackfunc){
notice["callback"] = "callback_" + new Date().getTime();
Cross.on(notice["callback"], callbackfunc);
}
var noticeStr = JSON.stringify(notice);
win.postMessage(noticeStr, domain);
}
};
$(window).on("message", function(e) {
var realEvent = e.originalEvent,
data = realEvent.data,
swin = realEvent.source,
origin = realEvent.origin,
protocol;
try {
protocol = JSON.parse(data);
var result = global.Cross.signalHandler[protocol.signal].call(null, protocol.data);
if(!!protocol["callback"]){
Cross.call(swin, origin, protocol["callback"], {result: result});
}
if(/^callback_/.test(protocol.signal)){
delete Cross.signalHandler[protocol.signal];
}
} catch (e) {
console.log(e);
throw new Error("cross error.");
}
});
})(window);
-----end
B页面
//对外公开一个接口命名为test
Cross.on("getContent", function(data){
Cross.call(parent,data.domain,"saveContent",{content:UE.getEditor('editor').getContent()});
parentDomain = data.domain;
});
调用父页面A提供的接口
Cross.call(parent,data.domain,"setContent",{content:UE.getEditor('editor').getContent()});
A页面
Cross.call($("#ueditor")[0].contentWindow,"${ptp_up}","onblur",{domain:'${basePath}'});
调用子页面B里面公开的接口
原来项目我没权限了,只能找一下文件。看看能明白大概意思不。这是当时想到的一种解决方案。
Cross.on("onblur", function(data){
UE.getEditor('editor').ui.setFullScreen(false);
});
选的子页面接口不太好。这个是提供的onblur方法(B页面)
a直接iframe b的页面,ext你的跨域不懂指什么方面的,如果用ajax跨域请求需要设置被请求页面access control allow origin响应头的,要不跨域报错。