天天看點

html5 臨時緩存,體面的html5離線存儲和緩存示例

現在所有的主流浏覽器都支援了解離線存儲,是以我建立了一個用于處理表單狀态的jQuery插件。http://www.jasonsebring.com/dumbFormState源代碼很小且易于了解。

我推薦使用道格拉斯克羅克福德的JSON2.stringify: https://github.com/douglascrockford/JSON-js來做序列化的方法來擷取JavaScript中的一個對象并将其轉換為JSON字元串。然後可以将該儲存要麼window.sessionStorage或window.localStorage容易像這樣:

//設定資料

window.sessionStorage [ 'MYDATA'] = JSON.stringify(someObject);

//得到它回

someObject = jQuery.parseJSON(window.sessionStorage [ 'MYDATA']);

另一件需要考慮的就是命名您的密鑰。對于我正在做的事情,我希望它自動生成,是以鍵名是基于'dumbFormState-'+ window.location.pathname + ' - '+表單索引儲存的,以確定密鑰自動唯一,然後您可以循環執行它們通過檢查與他們鍵比對的字首'dumbFormState-'來删除它們,因為您不想删除那些人們可能使用的其他東西。

希望能有所幫助。