將你的 session 資料存放在 window.name 裡
一直以來我都以為在 javascript 裡沒有 `session` 這種東西. 所有的變數, 函式等等的資料在頁面重新載入時都會被清空, 直到了我發現這個 Craig Buckler 寫的 javascript session library.
來看一下它的原始碼
/** * Implements cookie-less JavaScript session variables * v1.0 * * By Craig Buckler, Optimalworks.net * */ if (JSON && JSON.stringify && JSON.parse) var Session = Session || (function() { // cache window 物件 var win = window.top || window; // 將資料都存入 window.name 這個 property var store = (win.name ? JSON.parse(win.name) : {}); // 將要存入的資料轉成 json 格式 function Save() { win.name = JSON.stringify(store); }; // 在頁面 unload 的時候將資料存入 window.name if (window.addEventListener) window.addEventListener("unload", Save, false); else if (window.attachEvent) window.attachEvent("onunload", Save); else window.onunload = Save; // public methods return { // 設定一個 session 變數 set: function(name, value) { store[name] = value; }, // 列出指定的 session 資料 get: function(name) { return (store[name] ? store[name] : undefined); }, // 清除資料 ( session ) clear: function() { store = {}; }, // 列出所有存入的資料 dump: function() { return JSON.stringify(store); } }; })();
使用方法
// 存入一個 session value/object Session.set(name, object); // 取出一個 session value/object Session.get(name); // 清除所有 session 資料 Session.clear(); // 列出所有 session 資料 Session.dump();
基本上它的作法是把你所有設定的 session 變數轉成了 json 字串然後存入 `window.name` 這個 property 裡. 而 `window.name` 這個 property 在頁面跳出時是不會被清除的, 真是一個非常聰明的作法阿!!
這裡有另一個類似的 javascript session library 叫做 `sessvars` , 它提供了更多的使用方法, 如果你有更進階對 javascript session 的應用也可以看一下.
Demo
這裡有一個 Craig Buckler 所寫的 demo.