javascript非常简单的indexeddb示例(代码片段)

关键词：

// quite untested, adapted from BigstickCarpet's gist, attempt to make it simpler to use

function openIndexedDB (fileindex) 
  // This works on all devices/browsers, and uses IndexedDBShim as a final fallback 
  var indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB;

  var openDB = indexedDB.open("MyDatabase", 1);

  openDB.onupgradeneeded = function() 
    var db = 
    db.result = openDB.result;
    db.store = db.result.createObjectStore("MyObjectStore", keyPath: "id");
    if (fileindex) db.index = db.store.createIndex("NameIndex", fileindex);
  ;

  return openDB;


function getStoreIndexedDB (openDB) 
  var db = ;
  db.result = openDB.result;
  db.tx = db.result.transaction("MyObjectStore", "readwrite");
  db.store = db.tx.objectStore("MyObjectStore");
  db.index = db.store.index("NameIndex");

  return db;


function saveIndexedDB (filename, filedata, fileindex) 
  var openDB = openIndexedDB(fileindex);

  openDB.onsuccess = function() 
    var db = getStoreIndexedDB(openDB);

    db.store.put(id: filename, data: filedata);
  

  return true;


function findIndexedDB (filesearch, callback) 
  return loadIndexedDB(null, callback, filesearch);


function loadIndexedDB (filename, callback, filesearch) 
  var openDB = openIndexedDB();

  openDB.onsuccess = function() 
    var db = getStoreIndexedDB(openDB);

    var getData;
    if (filename) 
      getData = db.store.get(filename);
     else 
      getData = db.index.get(filesearch);
    
    
    getData.onsuccess = function() 
      callback(getData.result.data);
    ;

    db.tx.oncomplete = function() 
      db.result.close();
    ;
  

  return true;


function example () 
  var fileindex = ["name.last", "name.first"];
  saveIndexedDB(12345, name: first: "John", last: "Doe", age: 42);
  saveIndexedDB(67890, name: first: "Bob", last: "Smith", age: 35, fileindex);

  loadIndexedDB(12345, callbackJohn);
  findIndexedDB(["Smith", "Bob"], callbackBob);


function callbackJohn (filedata) 
  console.log(filedata.name.first);


function callbackBob (filedata) 
  console.log(filedata.name.first);

javascript非常简单的indexeddb示例(代码片段)

查看详情

javascript一个简单的indexeddb包装器功能(代码片段)

查看详情

连接 IndexedDB 和 WebSQL 的 JavaScript 库

】连接IndexedDB和WebSQL的JavaScript库【英文标题】：JavaScriptLibrarytoBridgeIndexedDBandWebSQL【发布时间】：2011-09-0105:51:18【问题描述】：我很好奇是否有库或项目可以为IndexedDB或WebSQL提供通用接口，具体取决于用户浏览器的支持。如果他... 查看详情

无法使用可读格式的 JavaScript 读取 IndexedDB sqlite 文件

】无法使用可读格式的JavaScript读取IndexedDBsqlite文件【英文标题】：CannotreadIndexedDBsqlitefilewithJavaScriptinreadableformat【发布时间】：2021-09-2815:47:17【问题描述】：这是我从本地托管网站的IndexedDB存储sqlite文件中获得的一些内容。（从... 查看详情

如何将上传的图像保存到 IndexedDB Javascript

】如何将上传的图像保存到IndexedDBJavascript【英文标题】：HowtosaveuploadedimagetoIndexedDBJavascript【发布时间】：2016-04-0109:56:55【问题描述】：我使用文件上传控制器浏览图片，选择的图片应该在页面中预览为图片缩略图。<inputtype="f... 查看详情

Javascript：使用多个索引搜索 indexeddb

】Javascript：使用多个索引搜索indexeddb【英文标题】：Javascript:Searchingindexeddbusingmultipleindexes【发布时间】：2013-05-0606:30:49【问题描述】：我想从WebSql更改为Indexeddb。但是，如何进行SQL查询，例如SELECT*FROMcustomersWHEREssn=\'444-44-4444\'an... 查看详情

如何从 JavaScript 中删除整个 IndexedDB 数据库？

】如何从JavaScript中删除整个IndexedDB数据库？【英文标题】：HowcanIremoveawholeIndexedDBdatabasefromJavaScript?【发布时间】：2013-03-2912:05:21【问题描述】：如何从JavaScript中删除整个IndexedDB数据库，而不仅仅是一个对象存储？我正在使用Inde... 查看详情

如何使用 IndexedDB 制作一个非常长的字符串而不会使浏览器崩溃？

】如何使用IndexedDB制作一个非常长的字符串而不会使浏览器崩溃？【英文标题】：HowcanImakeareallylongstringusingIndexedDBwithoutcrashingthebrowser?【发布时间】：2015-01-2019:24:44【问题描述】：我正在编写一个Web应用程序，它会生成一个可能... 查看详情

服务工作者：使用 IndexedDB 缓存 POST 请求 - 安全问题

】服务工作者：使用IndexedDB缓存POST请求-安全问题【英文标题】：Serviceworker:cachingPOSTrequestswithIndexedDB-securityconcerns【发布时间】：2020-08-3009:59:10【问题描述】：如果我错了，请纠正我，但我觉得我读过的每一篇关于服务工作者的... 查看详情

javascript非常简单的表单验证（骨架）(代码片段)

查看详情

#yyds干货盘点#聊一聊indexeddb

...数据的一个方案。IndexedDB背后的思想是创造一套API，方便JavaScript对象的存储和获取，同时也支持查询和搜索。IndexedDB是类似于MySQL或WebSQLDatabase的数据库。与传统数据库最大的区别在于，IndexedDB使用对象存储而不是表格保存数据... 查看详情

我正在尝试创建非常简单的 wordpress 插件，但我的 javascript 无法正常工作

】我正在尝试创建非常简单的wordpress插件，但我的javascript无法正常工作【英文标题】：I\'mtringtocreateverysimplewordpresspluginbutmyjavascriptnotworking【发布时间】：2021-10-2220:12:48【问题描述】：我已经连接了javascript文件入队脚本函数是：... 查看详情

IndexedDB 中的最大项目大小

】IndexedDB中的最大项目大小【英文标题】：MaximumitemsizeinIndexedDB【发布时间】：2011-08-0706:16:30【问题描述】：我正在开发一个使用HTML5的IndexedDB（类似于键值数据库）功能的简单Web实用程序。我一直在寻找，但我不知道：我可以... 查看详情

带有 iOS 8/ Safari 的 IndexedDB

】带有iOS8/Safari的IndexedDB【英文标题】：IndexedDBwithiOS8/Safari【发布时间】：2014-12-0416:48:12【问题描述】：我们有一个测试用例来测试不同浏览器和操作系统的indexeddb。这只是简单的测试：opendatabase,addsomedata,retrievesomedata就是这样... 查看详情

indexeddb:浏览器里内置的数据库(转)

IndexedDB是HTML5规范里新出现的浏览器里内置的数据库。对于在浏览器里存储数据，你可以使用cookies或localstorage，但它们都是比较简单的技术，而IndexedDB提供了类似数据库风格的数据存储和使用方式。存储在IndexedDB里的数据是永久... 查看详情

用javascript保存复选框值的简单方法？

】用javascript保存复选框值的简单方法？【英文标题】：Savecheckboxvaluewithjavascripttheeasyway?【发布时间】：2017-11-1905:28:53【问题描述】：我有几个问题。我的javascript/编码游戏仍然是一个非常非常初学者我不明白这个网站上已经存在... 查看详情

Quasar Q 表和数组中的数据（IndexedDB 和 Dexie）

...【发布时间】：2021-10-2614:57:37【问题描述】：我是Quasar和Javascript的新手，我正在尝试将数据从我的数据库（使用Dexie的IndexedDB）中获取到我的q表中。我有q表的骨架，我从Dexie以数组的形式获取数据，但我不知道如 查看详情

html5进阶系列：indexeddb数据库

前言在HTML5的本地存储中，有一种叫indexedDB的数据库，该数据库是一种存储在客户端本地的NoSQL数据库，它可以存储大量的数据。从上篇：HTML5进阶系列：webStorage，我们知道webStorage可以方便灵活的在本地存取简单数据，但是对于... 查看详情