Dans les démos suivantes, le framework jQuery est utilisé
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');
}
}
Dans les démos suivantes, le framework jQuery est utilisé
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');
}
}