Web Storage-存取 key/value

Web Storage

Web Storage 是 HTML5 導入的最新資料儲存技術,它與 Cookies 類似,但不會回傳任何資料回伺服器端,是一種純粹於瀏覽器網頁運作的客戶端技術。

資料以 key/value 形式儲存於 Storage 中,以localStorage 為例,假設要儲存一組記錄書籍 Title 「HTML5從零開始」的資料,其內容如下:

book_title/HTML5從零開始

其中以 book_title 為此書籍名稱的識別關鍵字,並利用以下的程式碼即可儲存至 localStorage :

localStorage['title'] = 'HTML5從零開始';

這一行程式碼將字串「HTML5從零開始」儲存至 localStorage 當中,並且以 title 為此筆資料的識別名稱,當我們需要這資料的時候,可以透過以下的程式碼將其取出:

console.log(localStorage['title']);

這一行程式碼將取出的 title 資料輸出於 Console。

Web Storage

沒有留言: