Dans les démos suivantes, le framework jQuery est utilisé

Les clés/valeurs avec sessionStorage

Cliquez sur les boutons ci-dessous pour récupérer les données

function getValue(key){
    if(window.sessionStorage){
        var value;
        if(window.sessionStorage.getItem){
            value = window.sessionStorage.getItem(key);
        }else{
            value = window.sessionStorage[key];
        }
        $('.getSessionStorage').html('valeur de ' + key + ' => ' + value);
    }else{
        $('.getSessionStorage').html('le sessionStorage n\'est pas implémenté sur ce navigateur');
    }
}

Retour à l'article

Dans les démos suivantes, le framework jQuery est utilisé

le removeItem()

Tout d'abord, affichez toutes les données et ensuite effacez en une, puis réaffichez toutes les données

if(window.sessionStorage){
    window.sessionStorage.setItem('cle1', 'une valeur');
    /*Autre maniere de le faire*/
    window.sessionStorage['cle2'] = 'ma valeur';
}else{
    $('.testSession').html('le sessionStorage n\'est pas implémenté sur ce navigateur');
} function removeItemFromKey(key){
    if(window.sessionStorage){
        window.sessionStorage.removeItem(key);
        $('.removeSessionStorage').before('la paire cle/valeur "cle1" a été éffacé');
        getData();
    }else{
        $('.removeSessionStorage').html('le sessionStorage n\'est pas implémenté sur ce navigateur');
    }
}
function getData(){
    if(window.sessionStorage){
        var keyValue = 'Nombre de paire clé/valeur en sessionStorage : ' + window.sessionStorage.length + ' <br /><br />';
        for(var i = 0; i < window.sessionStorage.length; i++){
            keyValue += window.sessionStorage.key(i) + ' => ' + window.sessionStorage.getItem(window.sessionStorage.key(i)) + '<br />';
        }
        $('.removeSessionStorage').html(keyValue);
    }else{
        $('.removeSessionStorage').html('le sessionStorage n\'est pas implémenté sur ce navigateur');
    }
}

Retour à l'article