Tizen Ver2.2 - HTML5 Web Storage

Transcription

1 Tizen Ver2.2 - HTML5 Web Storage

2 Contents Web Storage API local storage session storage Tutorial demo code analysis

3 Web Storage Session Storage, Local Storage

4 Web Storage Tizen supports the W3C Web Storage API. A Web storage stores data in the key-value format. This process is similar to existing cookies, but by using it, structured objects can be stored the storage capacity increased to 5MB per domain no server request is needed (server traffic is significantly reduced) Two storage types exist: scope duration Local storage stores data to be used in multiple windows, beyond the current session, with no expiration data. he stored data is not deleted when the browser window is closed Session storage only a single session. The data stored in a temporary storage can be shared in all browser windows within the same domain once the browser window is closed, data is deleted.

5 Web Storage the name of the nth key the number of key/value pairs represents the set of storage areas <<Interface>> Storage readonly attribute unsigned long length; DOMString? key(unsigned long index); getter DOMString getitem(domstring key); setter creator void setitem(domstring key, DOMString value); deleter void removeitem(domstring key); void clear(); emptied of all key/value pairs the key/value pair with the given key to be removed <<Interface>> WindowSessionStorage readonly attribute Storage sessionstorage; <<Interface>> WindowLocalStorage readonly attribute Storage localstorage; a set of local storage areas

6 Tutorial demo, code analysis

7 Tutorial Go to Tizen Dev Guide page. click the web storage tutorial code link

8 Tutorial This tutorial page shows how to save, remove, and clear data in a local storage and a session storage.

9 Tutorial When you clicked the save button, data is added to local and session storage

10 Tutorial 1. Get out the page 2. Open tutorial page again Local storage data remained Session storage data is deleted.

11 Tutorial Code Analysis Web storage tutorial page initially loads local and session storage data It enables remaining storage data when the page is refreshed

12 Tutorial Code Analysis Call addstorage() Call removestorage() Call clearstorage()

13 Tutorial Code Analysis addstorage() Get key and value data what you wrote Add key and value to the local storage list Add key and value to the session storage list

14 Tutorial Code Analysis removestorage() Get key data what you wrote Remove key and value which is same with input key data in the local storage list Remove key and value which is same with input key data in the session storage list

15 Tutorial Code Analysis clearstorage() Remove all key/value pairs in the local storage list Remove all key/value pairs in the session storage list

16 Reference Dev Guide Web storage tutorial torage_session_storage.htm