indexedDB 新增資料
資料庫新增資料是最為基本操作之一,下面將通過程式碼例項進行一下分析。
本章節僅介紹利用物件倉庫的add()方法新增一條資料。
批量新增資料參閱indexedDB 批量新增資料一章節。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> let request = window.indexedDB.open("antzone", 1); request.onupgradeneeded = (ev) => { let db = ev.target.result; if (!db.objectStoreNames.contains('students')) { let objectStore = db.createObjectStore('students',{keyPath:"id"}); objectStore.createIndex("xingbie","sex",{ unique: false }); } } request.onsuccess = (ev) => { let db = ev.target.result; let transaction = db.transaction(['students'], 'readwrite'); let objectStore = transaction.objectStore('students'); objectStore.add({ id:1, name:"螞蟻部落", age:20, sex:"男" }); } </script> </head> <body> <p>為物件倉庫新增資料</p> </body> </html>
上述程式碼為物件倉庫"students"新增一條資料,程式碼執行效果截圖如下:
程式碼分析如下:
(1).通過indexedDB.open方法建立或開啟對應名稱的資料庫。
(2).如果是新建立資料庫,則首先觸發upgradeneeded事件,在此事件處理函式中建立對應的物件倉庫,並進行相關設定,比如對主鍵和索引的設定。然後再觸發success事件,並在其事件處理函式中新增一條資料。
(3).新增操作必須在transaction事務中進行,對於資料的讀寫操作和物件倉庫的新增修改等操作都是如此。
相關閱讀:
(1).indexedDB.open()參閱IndexedDB.open() 開啟與新建資料庫一章節。
(2).upgradeneeded參閱indexedDB upgradeneeded事件一章節。
(3).建立物件倉庫參閱createObjectStore() 建立物件倉庫一章節。
(4).建立索引參閱IDBObjectStore.createIndex() 索引一章節。
(5).關於事務參閱indexedDB 資料庫transaction事務一章節。
相關文章
- indexedDB 批量新增資料Index
- IndexedDB 資料庫新增資料Index資料庫
- indexedDB 更新資料Index
- indexedDB 遍歷資料Index
- indexedDB 資料庫 索引Index資料庫索引
- indexedDB 資料庫版本Index資料庫
- indexedDB 查詢資料Index
- indexedDB 刪除資料Index
- IndexedDB 資料庫概述Index資料庫
- IndexedDB 資料庫用法Index資料庫
- indexedDB 資料庫主鍵Index資料庫
- indexedDB 刪除資料庫Index資料庫
- IndexedDB資料庫介紹Index資料庫
- indexedDB 通過索引查詢資料Index索引
- 前端的資料庫:IndexedDB入門前端資料庫Index
- indexedDB 刪除物件倉庫所有資料Index物件
- 瀏覽器資料庫 IndexedDB(一) 概述瀏覽器資料庫Index
- IndexedDB.open()開啟與新建資料庫Index資料庫
- IndexedDB.open() 開啟與新建資料庫Index資料庫
- 瀏覽器資料庫 IndexedDB 入門教程瀏覽器資料庫Index
- HTML5 進階系列:indexedDB 資料庫HTMLIndex資料庫
- 新增資料
- 初探IndexedDBIndex
- indexedDB articleIndex
- indexedDB.deleteDatabase()IndexdeleteDatabase
- indexedDB 修改索引Index索引
- indexedDB入門Index
- IndexedDB詳解Index
- indexedDB 基本使用Index
- android sqlite資料庫 新增資料AndroidSQLite資料庫
- 如何用flask在資料庫新增資料Flask資料庫
- oracle批量新增更新資料Oracle
- SQLServer批量新增資料庫SQLServer資料庫
- DataGrid 中新增資料
- IndexedDB upgradeneeded 事件Index事件
- indexedDB transaction 事務Index
- IndexedDB(一:基本使用)Index
- indexedDB 初體驗Index