<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>创建数据库和初始值</title>
<script src="jquery-1.10.2.min.js"></script>
<script>
$(function () {
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
if (!window.indexedDB) {
alert("您的浏览器不支持indexedDB");
}
//要新增的数据array
const customerData = [
{name: "eileen", adress: "上海市", tel:"021" },
{name: "brian", adress: "南京市", tel:"025" }
];
//打开数据库
var req = window.indexedDB.open("MyDatabase");
req.onsuccess = function (evt) {
db = this.result;
alert("openDb DONE");
};
req.onerror = function (evt) {
alert("openDb:", evt.target.errorCode);
};
//onupgradeneeded事件
req.onupgradeneeded = function(event) {
var db = event.target.result;
//创建objectStore
var objectStore = db.createObjectStore("customer", { keyPath: "user_id", autoIncrement : true });
objectStore.createIndex("name", "name", { unique: false });
objectStore.createIndex("address", "address", { unique: false });
objectStore.createIndex("by_tel", "tel", { unique: false });
//新增数据到objectStore
for (var i in customerData) {
objectStore.add(customerData[i]);
}
};
})
</script>
</head>
<body>
</body>
</html>
相关推荐
一个本地数据库(Web SQL IndexedDB)实现的通信录;介绍怎样创建打开数据库,创建表,添加数据,更新数据,删除数据,删除表 等等。
本篇文章主要介绍了HTML5中indexedDB 数据库的使用实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
但是如果在浏览器上需要用到数据库一般会使用Indexed DB数据库,webSQL基本上已经废弃了,具体原因小伙伴可以下来自己查查。 IndexedDB 是一种底层 API,用于在客户端存储大量的结构化数据(也包括文件/二进制大型...
nanoidb基于IndexedDB数据库的一个有趣封装
y-indexeddb Yjs的IndexedDB数据库提供程序。 使用IndexedDB数据库适配器将共享数据持久存储在浏览器中。 下次您加入会话时,所做的更改仍然存在。 最小化服务器和客户端之间交换的数据量使离线编辑成为可能入门您...
ngx-indexed-db ngx-indexed-db是一项服务,结合了ngx-indexed-db ,将IndexedDB数据库包装在Angular服务中。安装$ npm install ngx-indexed-db或者$ yarn add ngx-indexed-db用法导入NgxIndexedDBModule并启动它: ...
IndexedDB是一种能在浏览器中持久的存储结构化数据的对象数据库,并且为web应用提供了丰富的查询能力。 相比于Web SQL数据库它更加简单,而且官方标准中关于Web SQL的工作已经停止。 相比于Web Storage,IndexedDB...
logs2indexeddb 该实用程序可将所有JavaScript控制台日志连续保存到IndexedDB数据库中。 关闭浏览器选项卡后,您可以访问console。*日志。 对于需要在一段时间后分析Web客户端日志的开发人员而言,此实用程序是一个...
介绍IndexedDB是HTML5 WEB数据库,允许HTML5 WEB应用在用户浏览器端存储数据。对于应用来说IndexedDB非常强大、有用,可以在客户端的chrome,IE,Firefox等WEB浏览器中存储大量数据,下面简单介绍一下IndexedDB的基本...
前段时间项目需要本地存储聊天数据,使用到indexedDB,经查阅大量文章,终于完成。感觉网上indexedDB的文章不够多,也不够完善,因此把代码分享出来,帮助需要的小伙伴。
NULL 博文链接:https://liuna718-163-com.iteye.com/blog/2178433
IndexedDB 基本使用
html5 indexeddb 存储
所以研究了一下HTML5的IndexedDB。 对于只存储某些字段的需求来说,可以使用Local Storage和 Session Storage来完成。但是一旦存储大量的数据,Local Storage和 Session Storage就远远不能满足需求了。这时,Indexed...
indexedDB.html
html5开发
1. 安装npm包// use npmnpm install --save-dev indexeddb-promise// use yarnyarn add --dev indexeddb-promisescript引入IndexedDB 会被注册为一个全局变量。建议链接到一个可以手动更新的指定版本号:[removed]...
异步存储localStorage API 的异步版本,由一个 IndexedDB 数据库支持。 该文件定义了一个由 IndexedDB 数据库支持的 localStorage API 的异步版本。 它创建一个全局 asyncStorage 对象,该对象具有类似于 ...
NULL 博文链接:https://weistar.iteye.com/blog/2186673