Javascript操作将session资料存入取

超新星

1. Javascript操作将session资料存入window.name里
   
2. 
   
3. 文章被收录于专栏：前端资源
   
4. 查了一些资料，大家一致认为除了 Node.js 和服务端，在 JavaScript 里没有 session 这种东西（或者说很不常见），所有的变数，函式等等的资料在页面重新载入时都会被清空，不过我发现 Craig Buckler 写的 javascript session library 。
   
5. 
   
6. 来看一下它的源代码：
   
7. 代码语言：javascript
   
8. 复制
   
9. /**
   
10. * Implements cookie-less JavaScript session variables
    
11. * v1.0
    
12. *
    
13. * By Craig Buckler, Optimalworks.net
    
14. *
    
15. */
    
16.   
    
17. if (JSON && JSON.stringify && JSON.parse) var Session = Session || (function() {
    
18.   
    
19.   // cache window 物件
    
20.   var win = window.top || window;
    
21.    
    
22.   // 将资料都存入 window.name 这个 property
    
23.   var store = (win.name ? JSON.parse(win.name) : {});
    
24.    
    
25.   // 将要存入的资料转成 json 格式
    
26.   function Save() {
    
27.     win.name = JSON.stringify(store);
    
28.   };
    
29.    
    
30.   // 在页面 unload 的时候将资料存入 window.name
    
31.   if (window.addEventListener) window.addEventListener("unload", Save, false);
    
32.   else if (window.attachEvent) window.attachEvent("onunload", Save);
    
33.   else window.onunload = Save;
    
34. 
    
35.   // public methods
    
36.   return {
    
37.    
    
38.     // 设定一个 session 参数
    
39.     set: function(name, value) {
    
40.       store[name] = value;
    
41.     },
    
42.      
    
43.     // 列出指定的 session 资料
    
44.     get: function(name) {
    
45.       return (store[name] ? store[name] : undefined);
    
46.     },
    
47.      
    
48.     // 清除资料 ( session )
    
49.     clear: function() { store = {}; },
    
50.      
    
51.     // 列出所有存入的资料
    
52.     dump: function() { return JSON.stringify(store); }
    
53.   
    
54.   };
    
55.   
    
56. })();
    
57. 使用方法：
    
58. 代码语言：javascript
    
59. 复制
    
60. // 存入一个 session value/object
    
61. Session.set(name, object);
    
62. 
    
63. // 取出一个 session value/object
    
64. Session.get(name);
    
65. 
    
66. // 清除所有 session 资料
    
67. Session.clear();
    
68.   
    
69. // 列出所有 session 资料
    
70. Session.dump();
    
71. 基本上它的做法是把你所有设定的 session 变数转成了 json 字串然后存入 window.name 这个 property 里。而 window.name 这个 property 在页面跳出时是不会被清除的。
    
72. 
    
73. 这里有另一个类似的 javascript session library 叫做 sessvars  ，提供了更多的使用方法，如果你有更进阶对 javascript session 的应用也可以看一下。

复制代码