Inhoudsopgave
Bij het werken met webpagina's zijn er momenten waarop we gegevens moeten gebruiken die blijven bestaan tijdens het browsen van de gebruiker, maar we willen of kunnen geen databases gebruiken, dus hiervoor kunnen we de opslag in de browser gebruiken.Browseropslag
De browser stelt ons in staat een aanzienlijke hoeveelheid gegevens op te slaan met de verschillende tools die het ons geeft. HTML5, de beslissing om het een of het ander te gebruiken, bepaalt wat we willen doen.
Van de verschillende soorten opslag die we kunnen gebruiken, zullen we de: lokale opslag, met dit type opslag kunnen we sla verschillende sleutel-waarde-associaties op waarmee we een persistentie van gebruikersgegevens kunnen behouden op uw lokale computer van waaruit u de pagina opent HTML5.
Lokale opslag
Om de . te gebruiken lokale opslag we zijn afhankelijk van wereldwijd eigendom lokale opslag, zei eigendom we retourneert een Storage-object waarin we de verschillende sleutel-waarde-associaties zullen hebben die we hierboven noemden.
Wanneer we besluiten om met dit type opslag te werken, kunnen we rekenen op de verschillende methoden om de functionaliteiten te kunnen bouwen die we nodig hebben, daarom moeten we ze kennen, laten we hieronder de methoden bekijken die we in dit type hebben van lokale opslag.
- Doorzichtig (): Met deze methode kunnen we alle associaties opschonen die in ons object zijn opgeslagen.
- getItem (): Het stelt ons in staat om de waarde van de associatie te verkrijgen met behulp van een sleutel die we als parameter doorgeven.
- sleutel (): Het stelt ons in staat om de sleutel van de vereniging te verkrijgen met behulp van uw functie ervoor.
- lengte: Het geeft het aantal key-value-elementen aan dat we op dit moment hebben opgeslagen.
- Verwijder voorwerp (): In plaats van alle elementen te wissen met clear (), kunnen we met deze methode specifieke elementen verwijderen met hun sleutel als identifier.
- setItem (,): Met deze methode kunnen we een nieuwe koppeling toevoegen of bijwerken als de sleutel die we plaatsen al bestaat.
- []: Het stelt ons in staat om toegang te krijgen tot de inhoud van een van de verenigingen in de vorm van een array.
VoorbeeldMoersleutel:Waarde:Toevoegen WissenEr zijn elementen
| elementen: | - |
|---|
In dit voorbeeld hebben we een functionaliteit gebouwd waarmee we waarden kunnen schrijven in velden van: invoer teksttype en vervolgens via functies om deze waarden lokaal op te kunnen slaan.
Laten we eens kijken hoe dit eruit ziet in onze browser:
