国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

indexDB：html5本地數據庫存儲

2024-04-27 15:05:02
字體：大 中 小
來源：轉載
供稿：網友

html5新增的本地存儲數據庫 IndexDB，相比cookie和WebStorage更加強大，本文介紹簡單的增刪改查。

demo執行前： 這里寫圖片描述

var request = indexedDB.open('dataBase', 1);//打開/創建一個數據庫，名為student，版本為1. //indexedDB.deleteDatabase('class');//刪除名為class的數據庫 var dbase; //第一次創建數據庫或者更新數據庫 request.onupgradeneeded = function() { dbase = this.result; //創建表 var store = dbase.createObjectStore('student', { keyPath: 'id' }); store.createIndex('id', 'id', { unique: true }) store.createIndex('name', 'name', { unique: false }) store.createIndex('score', 'score', { unique: false }) }; //成功打開數據庫 request.onsuccess = function() { dbase = this.result; var transaction = dbase.transaction(['student'], 'readwrite'); //打開一個事務，使用‘student’ object store,以讀寫模式 var store = transaction.objectStore('student'); //獲取student object Store var index = store.index('id');//查詢索引 //添加 //添加一條數據：add()時要保證當前表內不存在要添加的id值 //當不確定時，建議使用put();put:存在時修改，不存在時添加 var resadd = store.add({ 'id': 5, 'name': 'skymobi', 'score': 75 }); resadd.onsuccess = function(){ console.log("添加成功！"); } resadd.onerror = function(e){ console.error(e.target.error); } //刪除 //刪除id(主鍵)為3的數據（請先添加數據） store.delete(3); //修改 store.put({ 'id': 4, 'name': 'surfaceStudio', 'score': 95 }); //查詢所有數據 var rq = index.openCursor(); rq.onsuccess = function() { var cursor = this.result; if(cursor) { console.log(cursor.value); cursor.continue(); } } //查詢單個數據 //查詢id為2的數據（請先添加數據） var range = IDBKeyRange.only(2); var rqRange = index.openCursor(range); rqRange.onsuccess = function() { var cursor = rqRange.result; if(cursor) { console.info(cursor.value); } } }

執行后 這里寫圖片描述

更多詳細API請見：https://developer.mozilla.org/en-US/docs/Web/API/IDBObjectStore

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 正宁县| 新田县| 重庆市| 泉州市| 鹤山市| 大余县| 彝良县| 朝阳区| 肇庆市| 江北区| 永定县| 成武县| 滨海县| 茌平县| 平湖市| 三都| 青冈县| 虹口区| 民丰县| 建水县| 乾安县| 花莲县| 新绛县| 安阳县| 陆川县| 章丘市| 巴中市| 蓬溪县| 新龙县| 贞丰县| 昂仁县| 丰台区| 名山县| 藁城市| 漳浦县| 靖州| 乌兰县| 文登市| 抚远县| 奇台县| 卓资县|