Webberging API
Die Web Storage API is 'n eenvoudige sintaksis vir die stoor en herwinning van data in die blaaier. Dit is baie maklik om te gebruik:
Voorbeeld
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Die Webberging API word in alle blaaiers ondersteun:
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Die localStorage Object
Die localStorage-objek bied toegang tot 'n plaaslike berging vir 'n spesifieke webwerf. Dit laat jou toe om data-items vir daardie domein te stoor, lees, by te voeg, te wysig en uit te vee.
Die data word met geen vervaldatum gestoor nie, en sal nie uitgevee word wanneer die blaaier gesluit is nie.
Die data sal beskikbaar wees vir dae, weke en jare.
Die setItem() Metode
Die localStorage.setItem() metode stoor 'n data-item in 'n stoor.
Dit neem 'n naam en 'n waarde as parameters:
Voorbeeld
localStorage.setItem("name", "John Doe");
Die getItem() metode
Die localStorage.getItem() metode haal 'n data-item uit die berging.
Dit neem 'n naam as parameter:
Voorbeeld
localStorage.getItem("name");
Die sessieStoorvoorwerp
Die sessionStorage-objek is identies aan die localStorage-objek.
Die verskil is dat die sessionStorage-objek data vir een sessie stoor.
Die data word uitgevee wanneer die blaaier gesluit is.
Voorbeeld
sessionStorage.getItem("name");
Die setItem() Metode
Die sessionStorage.setItem() metode stoor 'n data-item in 'n stoor.
Dit neem 'n naam en 'n waarde as parameters:
Voorbeeld
sessionStorage.setItem("name", "John Doe");
Die getItem() metode
Die sessionStorage.getItem() metode haal 'n data-item uit die berging.
Dit neem 'n naam as parameter:
Voorbeeld
sessionStorage.getItem("name");
Bergingsvoorwerpeienskappe en -metodes
| Property/Method | Description |
|---|---|
| key(n) | Returns the name of the nth key in the storage |
| length | Returns the number of data items stored in the Storage object |
| getItem(keyname) | Returns the value of the specified key name |
| setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
| removeItem(keyname) | Removes that key from the storage |
| clear() | Empty all key out of the storage |
Verwante bladsye vir Webberging API
| Property | Description |
|---|---|
| window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
| window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |