久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

html5 初試 indexedDB(推薦)

html5教程 html5模板網
下面小編就為大家帶來一篇html5 初試 indexedDB(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦

indexedDB是存儲大量結構化數據的API，demo中用到的是異步API，麻煩的就是所有對indexedDB的操作都會發生一個異步的‘請求’，只要熟悉了API操作起來也很簡單。

大體流程是這樣

1.打開數據庫

JavaScript Code復制內容到剪貼板
  1. var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB;   
  2.   
  3. if ('webkitIndexedDB' in window) {   
  4.     window.IDBTransaction = window.webkitIDBTransaction;   
  5.     window.IDBKeyRange = window.webkitIDBKeyRange;   
  6. }   
  7. //這個就不解釋了   
  8.   
  9. var request = indexedDB.open("adsageIDB");  //open  ： indexedDB只有這一個方法  打開（數據庫名）   
  10. request.onsuccess = function(e) { //異步   
  11.     var v = "1.00";   
  12.     var db = e.target.result;   
  13.   
  14.     if (v!= db.version) {   
  15.         var setVrequest = db.setVersion(v);   
  16.         setVrequest.onsuccess = function(e) { //異步   
  17.             if(db.objectStoreNames.contains("todo")) {   
  18.                 db.deleteObjectStore("todo");   
  19.             }   
  20.             var store = db.createObjectStore("todo", {keyPath: "adsid"});//onsuccess 后創建ObjectStore  暫時用到兩個參數，數據庫&&主鍵   
  21.         }   
  22.     }       
  23. }  

這樣就 創建/連接 了一個數據庫

2.創建交互對象 && 監聽dom事件 && 處理數據

然后就是要操作數據庫了

JavaScript Code復制內容到剪貼板
  1. //插入數據 暫時只插入一列    
  2. var trans = db.transaction(["todo"], IDBTransaction.READ_WRITE);//創建transaction    
  3. var store = trans.objectStore("todo");//創建Store   
  4. //要操作數據必須建立transaction 和 Store   
  5.   
  6. var data = {   
  7.     "text": todoText,   
  8.     "adsid": new Date().getTime()   
  9. };//一個小數據 adsid是主鍵   
  10.   
  11. var request = store.put(data); //‘強行’插入   
  12.   
  13. request.onsuccess = function(e) {   
  14.     //成功后執行一些操作   
  15. };   
  16.   
  17. request.onerror = function(e) {   
  18.     console.log("Error Adding: ", e);   
  19. };  
JavaScript Code復制內容到剪貼板
  1. //讀取數據   
  2. var trans = db.transaction(["todo"], IDBTransaction.READ_WRITE);   
  3. var store = trans.objectStore("todo");   
  4.   
  5. var keyRange = IDBKeyRange.lowerBound(0);   
  6. var cursorRequest = store.openCursor(keyRange);   
  7. //這里用到指針cursor ,openCursor的參數 keyRange是遍歷范圍 還可以添加遍歷方向參數   
  8. //另一種方法是get() 這個就比較簡單了直接store.get('鍵值')就行   
  9.   
  10. cursorRequest.onsuccess = function(e) {   
  11.     var result = e.target.result;   
  12.     if(!!result == false)   
  13.     return;   
  14.   
  15.     console.log(result.value);   
  16.     result.continue(); //循環讀取所有數據   
  17. };  
JavaScript Code復制內容到剪貼板
  1. //刪除數據   
  2. ...   
  3. store.delete('鍵值')   
  4. ...  
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。

相關文檔推薦

這篇文章主要介紹了有關HTML5頁面在iPhoneX適配問題,需要的朋友可以參考下
本篇文章主要介紹了html5中canvas圖表實現柱狀圖的示例，本文使用canvas來實現一個圖表，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
Adobe公司出品的多媒體處理軟件產品線較多，涵蓋了音視頻編輯、圖像處理、平面設計、影視后期等領域。這篇文章主要介紹了Adobe Html5 Extension開發初體驗圖文教程，非常不錯，需要的朋
這篇文章主要介紹了基于HTML5的WebGL經典3D虛擬機房漫游動畫,需要的朋友可以參考下
這篇文章主要介紹了html5實現移動端適配完美寫法,需要的朋友可以參考下
本篇文章主要介紹了HTML5響應式（自適應）網頁設計的實現，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板： 一区二区三区亚洲 | 欧美xxxⅹ性欧美大片 | 国产亚洲精品久久久久久豆腐 | 黄网站免费在线观看 | 最新国产精品视频 | 91.com视频 | 久久这里只有精品首页 | 欧美成人a∨高清免费观看 色999日韩 | 成人一区二区视频 | 久久爱综合 | 国产第一亚洲 | 久久99精品久久久久久 | 欧美成人手机在线 | 黄色一级网 | 欧美在线一二三 | 天堂在线91| 国产精彩视频 | 91在线视频一区 | 久久精品久久久久久 | 亚洲午夜精品在线观看 | 一区二区三区中文 | 久久久99国产精品免费 | 国产做a爱片久久毛片 | 日韩中文字幕一区 | 欧美videosex性极品hd | 久久中文字幕av | 国产欧美一区二区三区日本久久久 | 日韩视频成人 | 国产亚洲一区二区精品 | 亚洲精品电影网在线观看 | 国产清纯白嫩初高生在线播放视频 | 久久激情网| 欧美日本高清 | 完全免费av在线 | 亚洲国产精品一区二区久久 | 色婷婷国产精品 | 免费毛片网站在线观看 | 亚洲3级| 精品无码久久久久久国产 | 亚洲女人天堂成人av在线 | 超碰在线观看97 |