私がブラウザセッションを利用する時のいつものやり方

ブラウザセッションとは

通常javaScriptでは、画面遷移と同時に変数の値が失われます。
しかし、遷移後も前画面で使用した値を引継ぎたい場合などに、ブラウザに値を保存できます。

使用方法

以下コピペすることで、すぐに利用できます。
以下の例では、モジュール強度を上げるために、グローバルエリアに直置きせずに関数内に隠蔽するようにしています。

session.js

//グローバルエリア

function init() {
    var SESSION = {
        isAble : (('sessionStorage' in window) && (window.sessionStorage !== null)),
        set    : function(key, value) {
            SESSION.isAble && sessionStorage.setItem(key, value);
        },
        get    : function(key) {
            return (SESSION.isAble ? sessionStorage.getItem(key) : "");
        },
        remove : function() {
            SESSION.isAble && sessionStorage.removeItem(SESSION.key);
        },
        clear  : function() {
            SESSION.isAble && sessionStorage.clear();
        }
    func(SESSION);    
};

session.js

function func(session) {
    //セッションを利用する
    session.set(key, value);//値を保存
    session.get(key);       //保存した値を取得
}