Het HTTP-protocol is een van de belangrijkste protocollen voor een soepele communicatie tussen de server en de client. Het grootste nadeel van het HTTP-protocol is dat het een staatloos protocol is, wat betekent dat het geen enkel antwoord of verzoek van de server of de client bijhoudt. Om dit probleem op te lossen, zijn er dus drie manieren om nuttige informatie bij te houden. In dit artikel gaan we het verschil zien tussen lokale opslag, sessieopslag en cookies en waarom het belangrijk is dat een webontwikkelaar deze termen kent.
Lokale opslag: Deze alleen-lezen interface-eigenschap biedt toegang tot het lokale opslagobject van het document; de opgeslagen gegevens worden opgeslagen in browsersessies. Vergelijkbaar met sessionStorage, behalve dat sessionStorage-gegevens worden gewist wanneer de paginasessie eindigt, dat wil zeggen wanneer de pagina wordt gesloten. Het wordt gewist wanneer het laatste privétabblad van een browser wordt gesloten (localStorage-gegevens voor een document dat is geladen in een privé-browsing- of incognitosessie).
Java omgekeerde tekenreeks
DOMStrings zijn opslagformaten die UTF-16 gebruiken om gegevens te coderen, waarbij twee bytes per teken worden gebruikt. Tekenreeksen worden automatisch gegenereerd op basis van gehele getallen, net zoals voor objecten. De gegevens die zijn opgeslagen in LocalStorage zijn specifiek voor een protocol in het document. Als de site via HTTP wordt geladen (bijvoorbeeld http://example.com), retourneert localStorage een ander object dan wanneer deze via HTTPS wordt geladen (bijvoorbeeld https://abc.com).
Als een document wordt geladen vanaf een bestands-URL (dat wil zeggen rechtstreeks vanaf het lokale bestandssysteem van de gebruiker in plaats van vanaf de server), zijn de vereisten voor gedrag niet gedefinieerd en kunnen deze per browser variëren. Het lijkt erop dat elk bestand door localStorage in alle huidige browsers een ander object retourneert: URL. In wezen lijkt het zo te zijn dat elk URL-bestand zijn eigen unieke lokale opslaggebied heeft.
Dit gedrag kan niet worden gegarandeerd omdat, zoals hierboven vermeld, de vereisten voor de bestands-URL onduidelijk blijven. Als zodanig bestaat de mogelijkheid dat browsers op elk moment de manier waarop ze met bestanden omgaan, kunnen wijzigen. De manier waarop sommige browsers hiermee omgaan, is geëvolueerd.
Lokale opslag kent 4 methoden:
- setItem() Methode – Deze methode gebruikt twee parameters: de ene is de sleutel en de andere is de waarde. Het wordt gebruikt om de waarde op een bepaalde locatie op te slaan met de naam van de sleutel.
localStorage.setItem(key, value)>
- getItem() Method – Deze methode gebruikt één sleutelparameter die wordt gebruikt om de waarde op te slaan met een bepaalde sleutelnaam.
localStorage.getItem(key)>
- removeItem() Methode – Deze methode wordt gebruikt om de waarde die in het geheugen is opgeslagen met betrekking tot de sleutel te verwijderen.
localStorage.removeItem(key)>
- clear() Methode – Deze methode wordt gebruikt om alle waarden te wissen die zijn opgeslagen in localstorage.
localStorage.clear()>

afbeelding van lokaal opslagpaneel
Wat is sessieopslag?
sharwanand
Sessieopslagobjecten zijn toegankelijk via de alleen-lezen eigenschap sessionStorage. Het verschil tussen sessionStorage en localStorage is dat localStorage-gegevens niet verlopen, terwijl sessionStorage-gegevens worden gewist wanneer de paginasessie eindigt.
Er wordt een unieke paginasessie gemaakt zodra een document in een browsertabblad wordt geladen. Paginasessies zijn slechts voor één tabblad tegelijk geldig. Pagina's worden alleen bewaard gedurende de tijd dat het tabblad of de browser geopend is; ze blijven niet bestaan nadat de pagina opnieuw is geladen en hersteld. Elke keer dat een tabblad of venster wordt geopend, wordt er een nieuwe sessie aangemaakt; dit is anders dan sessiecookies. Elk tabblad/venster dat met dezelfde URL wordt geopend, maakt zijn eigen sessionStorage aan. Wanneer u een tabblad dupliceert, wordt de sessionStorage van het oorspronkelijke tabblad gekopieerd naar het gedupliceerde tabblad. Als u een venster/tabblad sluit, wordt de sessie beëindigd en worden sessionStorage-objecten gewist.
Het protocol van een pagina bepaalt welke gegevens worden opgeslagen in sessionStorage. Met name gegevens die zijn opgeslagen door scripts waartoe toegang wordt verkregen via HTTP (bijvoorbeeld http://abc.com), worden opgeslagen in een afzonderlijk object van dezelfde site waartoe toegang wordt verkregen via HTTPS (bijvoorbeeld https://abc.com). Een DOMString-nummer is twee bytes per teken in UTF-16 DOMString-indeling. Tekenreeksen worden automatisch gegenereerd op basis van gehele getallen, net zoals voor objecten.
Sessieopslag kent 4 methoden:
mijn flixer
- setItem() Methode – Deze methode gebruikt twee parameters: de ene is de sleutel en de andere is de waarde. Het wordt gebruikt om de waarde op een bepaalde locatie op te slaan met de naam van de sleutel.
sessionStorage.setItem(key, value)>
- getIteam() Method – Deze methode gebruikt één sleutelparameter die wordt gebruikt om de waarde op te slaan met een bepaalde sleutelnaam.
sessionStorage.getItem(key)>
- removeItem() Methode – Deze methode wordt gebruikt om de waarde die in het geheugen is opgeslagen met betrekking tot de sleutel te verwijderen.
sessionStorage.removeItem(key)>
- clear() Methode – Deze methode wordt gebruikt om alle waarden te wissen die zijn opgeslagen in de sessieopslag
sessionStorage.clear()>

afbeelding van sessieopslag
tekenreeksarray
Koekje: De term cookie verwijst alleen naar de tekstuele informatie over een website. Om u te kunnen herkennen en u resultaten te kunnen tonen op basis van uw voorkeuren, slaat deze website bepaalde informatie op in uw lokale systeem wanneer u een bepaalde website bezoekt. De geschiedenis van internet wordt al lang gekenmerkt door het gebruik van cookies. Een websitebezoeker vraagt de server om een webpagina wanneer hij deze bezoekt. Elke aanvraag voor een server is uniek. Evenzo, als u honderd keer bezoekt, wordt elk verzoek door de server als uniek beschouwd. Omdat een server elke seconde veel verzoeken ontvangt, lijkt het niet logisch en voor de hand liggend om de informatie van elke gebruiker op een server op te slaan. Dezelfde informatie is mogelijk niet opnieuw nodig als u niet terugkeert. Daarom wordt er een cookie verzonden en opgeslagen op uw lokale computer om u uniek te identificeren. De volgende keer dat u erop klikt, ontvangt u een reactie van dezelfde server, omdat deze u herkent. Bijna elke server gebruikt deze cookie (er bestaan tegenwoordig enkele uitzonderingen vanwege advertenties). Hoewel u mogelijk veel cookies in uw systeem heeft, worden dergelijke cookies dus door een server herkend en geanalyseerd.
Toen cookies voor het eerst werden ontwikkeld, werden ze gebruikt om de ervaring van de ontwikkelaar te verbeteren. Overweeg om een website te bezoeken in een andere taal dan uw moedertaal (laten we zeggen Engels). U kunt Engels als uw taal selecteren in het taalgedeelte van de website. Als u vijf keer dezelfde website bezoekt, kan het nodig zijn om vijf keer per dag van taal te wisselen. Deze gegevens worden daarom in een cookie op uw systeem opgeslagen. Dit zorgt ervoor dat de server bij de volgende aanvraag weet dat u de website in het Engels wilt bekijken. Cookies zijn hierbij essentieel. De schaalcookies die tegenwoordig worden gebruikt, zijn veel kleiner dan in het bovenstaande voorbeeld.

afbeelding van koekjes
Verschil tussen lokale opslag en sessieopslag , En Koekjes
| Lokale opslag | Sessie opslag | Koekjes |
|---|---|---|
| De opslagcapaciteit van lokale opslag is 5MB/10MB | De opslagcapaciteit van sessieopslag is 5MB | De opslagcapaciteit van Cookies bedraagt 4KB |
| Omdat het niet sessiegebaseerd is, moet het via javascript of handmatig worden verwijderd | Het is sessiegebaseerd en werkt per venster of tabblad. Dit betekent dat gegevens alleen worden opgeslagen voor de duur van een sessie, d.w.z. totdat de browser (of tabblad) wordt gesloten | Cookies vervallen op basis van de instelling en werking per tabblad en venster |
| De client kan lokale opslag lezen en schrijven | De client kan lokale opslag lezen en schrijven | Zowel clients als servers kunnen de cookies lezen en schrijven |
| Er vindt geen gegevensoverdracht naar de server plaats | Er vindt geen gegevensoverdracht naar de server plaats | Er is gegevensoverdracht naar de server mogelijk |
| Ondersteund door alle browsers, inclusief oudere browsers. | Ondersteund door alle browsers, inclusief oudere browsers | Het wordt ondersteund door alle browsers, inclusief oudere browsers |