Att lagra data i webbläsaren
Ofta så vill vi lagra undan data som vi använder i vår applikation. Det kan vara för att hålla den kvar mellan användarsessioner, för att vi vill mellanlagra den för att komma åt den snabbare eller av många andra anledningar. Här ska vi gå igenom hur man lagrar data lokalt, på användarens dator. Lite senare kommer vi att titta på hur man använder sig av databaser för att lagra data på servern, men det blir först när vi börjar titta på serverapplikationer.
”Stateless”
HTTP är designat som så att varje förfrågan till webbservern är fristående och servern kommer inte ihåg någonting som har med en tidigare förfrågan att göra. När webbservern har skickat tillbaka ett resultat till en webbklient, så ”glömmer” den bort allt som har med den dataöverföringen att göra. Man brukar säga att HTTP är ”stateless”. För det mesta är detta ett vettigt beteende, men ibland vill man förstås att data ska ”hänga med” mellan de olika anropen till servern. Detta kan t.ex. vara för att vi har en webbapplikation och varje anrop ska utföra någon specifik funktion baserad på tillgänglig data. För att komma runt dessa begränsningar finns några olika metoder.
Olika tekniker
De vanligaste teknikerna för att lagra data på klientsidan är cookies och localStorage/sessionStorage. I följande sektioner kommer vi att gå igenom hur man kan använda sig av dessa i sina webbapplikationer.
Det finns flera metoder såsom indexedDB, men dessa är för tillfället inte lika väl stödda på olika webbläsare att det är säkert att använda dem.