關於H5 storage 的一些注意事項以及用法


在我們使用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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM