LOCAL Munkamenet adattárolás. 207

A localStorage Object létrehozása.

Helyi munkamenetek adattárolására használhatjuk.

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!

<div id="result"></div>

-------------------------------------------------------------------
<script type="text/javascript">

if(typeof(Storage) !== "undefined") 
  {
     // Kódja localStorage/sessionStorage. (helyi tárolás / munkamenet tárolás.)
	var igen="<p>Az Ön által használt böngésző program, támogatja a localStorage és sessionStorage utasítás használatát.</p>";
	    document.getElementById("result").innerHTML =igen;	
  } 
else 
  {
     // Nincs Web Storage támogatás, akkor a következő figyelmeztetés jelenik meg.
    var nem="<p>Az Ön által használt böngésző program, nem támogatja a Web Storage adattárolást!
            Frissítse a jelenlegi böngésző programját, vagy válasszon a mai kornak megfelelő böngésző programot.</p>";
        document.getElementById("result").innerHTML =nem;
  }
  
</script>
-------------------------------------------------------------------

Fenti program eredménye:

A localStorage Object létrehozása, és tárolt adat lekérdezése.

localStorage objektumnál, nincs lejárati dátum

A localStorage objektum tárolja az adatokat úgy, hogy nincs lejárati dátum.
Az adatok nem kerülnek törlésre, ha a böngésző zárva van, és elérhető lesz a következő napon, héten, egész évben.

Példa.

<span id="erteke"></span>

    // Létrehozás, tárolás
     localStorage.setItem("egyedi_azonosítója", "Valami");
	 
    // Lekérdezése, és értékének kiíratása:
     document.getElementById("erteke").innerHTML = localStorage.getItem("egyedi_azonosítója");

Fenti példa magyarázta:
Hozzon létre egy localStorage 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="erteke"></span>

  // Store. Létrehozás:
    localStorage.egyedi_azonosítója = "Valami";

  // Retrieve. Lekérdezése, és értékének kiíratása:
    document.getElementById("erteke").innerHTML = localStorage.egyedi_azonosítója;

A szintaxis eltávolítása "azonosító_név" localStorage tétel a következő:

localStorage.removeItem("azonosító_név");

Megjegyzés:
név / érték párokat, mindig tárolja a böngésző program.
Hogyha szükséges, ne feledjük átalakítani más formátumba, vagy törölni!

Helyi localStorage (local 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:
    localStorage.loc_tarolo02 = "";

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

Vissza a lap elejére