同源iFrame单例
Same origin iFrame singleton
我有一个Web应用程序,它作为托管在单个父窗口中的多个iframe运行(基本上是一个经过修改的GWT)http://en.wikipedia.org/wiki/Google_Web_Toolkit.我不是让每个iframe单独访问我们的后端服务,而是让它们通过使用window.parent全局对象共享数据服务。我设置了这个单例模式-
define(function(){
var DocumentService = function () {
//create namespace if not there
if (!parent.OurApp) {
parent.OurApp= {};
}
//grab the singleton instance and return it if there
if (parent.OurApp.DocumentService) {
return parent.OurApp.DocumentService;
}
//assign the global
parent.OurApp.DocumentService= this;
//start fetch on instantiation
this.items;
this.getItems();
this.startInterval();
}
DocumentService.prototype.getItems = function(){
//Rest service call here
//this.items.push(response); some pseudo-code here
};
DocumentService.prototype.startInterval = function(){
var self = this;
this.intervalId = parent.setInterval(function(){
console.log("Fetching items @ " +new Date());
this.getitems();
},300000);
};
//return new instance or singleton instance
return new DocumentService();
});
因此,这个过程在初始加载时工作,getItems()从服务加载数据,setInterval启动一个循环来运行getItems。我可以查看项目数组,并查看更改和添加。
所以现在这就是它变得棘手的地方。如果您通过右键单击"重新加载框架"单独重新加载框架,而不是父窗口,则服务的父实例化将继续运行,但是,当iFrame通过获取新的DocumentService()访问"父"实例单例时,线程将不再同步或其他,因为框架不再注册控制台日志或项数组的更改。为什么会发生这种情况?我的singleton模式有缺陷吗?
我从来没能完全解决这个问题,但我走了另一条路。未来,我将使用内置的跨帧通信机制,如postMessage等。
相关文章:
- 单击iframe时如何关闭它
- 和兼容的单例骨干模型
- 有状态单例模块
- 在什么情况下我们需要在javsacript中实现单例类
- 异步表单w/Iframe Target——OnLoad适用于FF、Chrome、IE9,不适用于;无法在IE7中得到响应
- 如何将一个单例传递给另一个对象,使该对象的所有实例都引用同一个单实例
- 使用Ext.Ajax.request使ExtJS单例返回对象
- 原始值被称为单例的现象是什么?
- AngularJS 模式单例在服务中未更新视图
- 创建命名空间 Javascript 单例类的对象
- 流星.js单例确认框
- Javascript 单例模式
- 使用 jquery 或 javascript 单击 iframe 中的元素可能是 AJAX
- 单击iframe按钮时关闭父窗口
- 如何将 AMD 模块从单例转换为实例
- 为什么这个javascript单例方法有效
- 在 Firefox 和 Chrome 中,单击 iFrame 中的锚点的行为会有所不同
- 如何获取提交表单的 Iframe 的响应
- 如何在单击 iframe 中的按钮后将整个浏览器窗口移动到另一个页面
- 同源iFrame单例