多个jsp页面共享一个js对象的超级方法-巨人网络通讯

今天，在项目中遇到一个问题，两个js页面要共享一个就js对象。js全局变量和静态变量都不行，其他苦逼的小农们就不要去强求了。而LZ又不想用cookie来存放，一是不安全，二个人喜好。最后发现一种超级方法来解决这个困扰，那就是用window.top['_CACHE']来存放这个变量，即可实现，不同Jsp页面直接的对象共享。

var share = { 

/** 
* 跨框架数据共享接口 
* @param {String} 存储的数据名 
* @param {Any} 将要存储的任意数据(无此项则返回被查询的数据) 
*/ 
data: function (name, value) { 
var top = window.top, 
cache = top['_CACHE'] || {}; 
top['_CACHE'] = cache; 

return value !== undefined ? cache[name] = value : cache[name]; 
}, 

/** 
* 数据共享删除接口 
* @param {String} 删除的数据名 
*/ 
removeData: function (name) { 
var cache = window.top['_CACHE']; 
if (cache  cache[name]) delete cache[name]; 
} 

};

下面贴上LZ的代码：

LZ的一个jsp页面为A.jsp，在A.jsp中点击一个按钮打开另一个B.jsp页面。LZ的思路如下：

在A.jsp打开B.jsp的事件中，写入如下代码：

window.top['_CACHE'] = chatFrdList; 
window.top['_CACHE'][frdUserId] = frdUserId;

其中，chatFrdList定义为var chatFrdList = new Object();

frdUserId为一个用户的id。

那么，在B.jsp的一个事件中，就可以执行下面的操作：

pre name="code" class="javascript" style="margin-top:0px; margin-bottom:0px; padding:0px; font-family:'courier new',courier,monospace">var e = document.getElementsByName("chatWindow");/pre>pre name="code" class="javascript" style="margin-top:0px; margin-bottom:0px; padding:0px; font-family:'courier new',courier,monospace">var keyId = e[0].id; 
delete window.top['_CACHE'][keyId];// 关闭与该好友的聊天窗口时，将其从聊天表中移除/pre>

然后，LZ就可以在A.jsp的其他事件中操作window.top['_CACHE']了，这样便能实现多个JSP页面直接的js对象共享了。

您可能感兴趣的文章:

JSP运行原理和九大隐式对象说明
JSP response对象实现文件下载的两种方式
JSP隐含对象response实现文件下载的两种方法
Jsp中response对象的所有属性详细介绍
JSP 相关对象的使用介绍
JSP内置对象:Request和Response的简单介绍及使用
jsp内置对象及方法详细介绍
JSP的内部对象
JSP开发入门(四)--JSP的内部对象
JSP中隐式对象用法实例

全 部 栏 目

全部栏目