在我們使用H5 storage之前,先瞭解一下storage的介紹吧: Storage模塊管理應用本地數據存儲,用於應用數據的保存和讀取,應用本地數據localStorage,sessionStorage的區別在於數據的有效域不同,前者可在應用內跨域操作,數據存儲期是持久化的,並且沒有容量的限制,通
在我們使用H5 storage之前,先瞭解一下storage的介紹吧:
Storage模塊管理應用本地數據存儲,用於應用數據的保存和讀取,應用本地數據localStorage,sessionStorage的區別在於數據的有效域不同,前者可在應用內跨域操作,數據存儲期是持久化的,並且沒有容量的限制,通過plus.storage可獲取應用本地數據管理對象
這裡我們就說一下最常用的兩個方法:
getItem(key);--根據key值獲取應用存儲的值,沒有值返回null
setItem(key,value);--保存數據至應用存儲中,沒有值返回null
<html> <head> <meta charset="utf-8"> <title>Storage Example</title> <script type="text/javascript"> document.addEventListener("plusready",plusReady,false); // H5 plus事件處理 function plusReady() { //這裡填寫plus的處理代碼 } // Get storage item value function setStorage() { plus.storage.setItem("name","博客園");//大家保存數據的時候,key鍵儘量小寫,value儘量存儲字元串 } function getStorage() { return plus.storage.getItem("test");//根據key的值來獲取保存在應用存儲中的數據 } </script> </head> <body> 獲取應用存儲區中保存的鍵值對的個數 <br/> <button onclick="alert(getStorage())">獲得本地應用存儲數據</button> <button onclick="setStorage()">保存數據至本地應用存儲</button> </body> </html>
以上是一個很簡單的小列子,那麼下麵就給大家說一說在使用過程中經常會遇到的一些問題:
1:document.addEventListener("plusready",plusReady,false);這一句話大家註意不要每次使用都添加一次監聽,只需要在初始化的時候寫一下就可以了(這裡只針對單頁面)
2:還有一些朋友,在使用的過程中,發現明明已經Ready過了,為什麼使用的時候還是會報錯:plus is ....不要著急,其實這個問題很簡單,看一下你的編譯器在真機運行的時候,你本地保存一次,app上面也跟著刷新一次,遇到這樣的問題,大家把真機運行關閉,重新運行一次就可以啦
其實這個東西很簡單的,當然你的對他有所瞭解才行,下麵給大家一個官方的文檔鏈接,也可以根據官方的內容來進行實戰的哈
http://www.html5plus.org/doc/zh_cn/storage.html