SESSION Munkamenet adattárolás. 206

HTML helyi munkamenetek adattárolása.

Minden alkalommal, azaz használat előtt, ellenőrízzük a helyi tároló létezését!
Az aktuális böngésző támogatja vagy sem, a localStorage és sessionStorage utasítást!

<span id="result"></span>

<script type="text/javascript">
if(typeof(Storage) !== "undefined") 
 {
  // Kódja localStorage/sessionStorage. (helyi tárolás / munkamenet tárolás.)
  var igen="<p>Ön böngésző programja, támogatja a localStorage és sessionStorage utasítást.</p>";
	    document.getElementById("result").innerHTML =igen;	
 } 
else 
 {
    // Bocsánat! Nincs Web Storage támogatás.
  var nem="<p><b>Bocsánat! Az Ön böngésző programjában, nincs Web Storage támogatás.</b></p>";
       document.getElementById("result").innerHTML =nem;
 }
</script>

A sessionStorage Object

sessionStorage megsemmisül, ha felhasználó bezárja az adott böngészőt.

Példa.

<span id="eredmeny"></span>

<script type="text/javascript">
    // SESSION munkamenet létrehozása, adat tárolására.
     sessionStorage.setItem("egyedi_azonosító", "érték");
	 
    // SESSION munkamenet lekérdezése, és értékének kiíratása:
     document.getElementById("eredmeny").innerHTML = sessionStorage.getItem("egyedi_azonosító");
</script>

Fenti példa magyarázta:
Hozzon létre egy sessionStorage objektumot, név / érték párok alapján:
A névnek (name), ékezet nélküli egyedi azonosítónak kell lennie.
Az érék (value), bármilyen adat lehet.
name = "egyedi_azonosítónév" és a value = "érték"
Fogadása, lekérdezése az értéknek "egyedi_azonosítónév_alapján", eredmény kiíratása az id="eredmény" azonosítóval rendelkező html jelölőelem területén.

A fenti példát, így is megírhatjuk:

<span id="eredmeny"></span>
<script type="text/javascript">
  // SESSION munkamenet létrehozása, adat tárolására.
    sessionStorage.egyedi_azonosító = "érték";

  // SESSION munkamenet lekérdezése, és értékének kiíratása:
    document.getElementById("eredmeny").innerHTML = sessionStorage.egyedi_azonosító;
</script>

Helyi sessionStorage (session tárolót) létrehozhatunk úgy is, hogy adatot nem tárol.

Ebben az esetben, egy bizonyos esemény bekövetkezését követően kapja meg az értéket.

<script type="text/javascript">
  // Létrehozás:
    sessionStorage.session_tarolo02 = "";

  // Lekérdezése, és értékének kiíratása:
var ses=0;
document.write ("<br /><b><u>A sessionStorage tömbben tárolt elemek, és értékeik:</u></b><br />");
   for ( var i=0; i<sessionStorage.length; i++) 
    { 
     ses++;
     var neve = sessionStorage.key(i);
     var erteke=sessionStorage[neve];
     document.write ("<b>"+ ses +". "+neve+" = "+ erteke +"</b> <br />");
    }
</script>

Vissza a lap elejére