老师报错了

<!DOCTYPE html>
<html manifest="" style="font-size: 16px">
<head>
<title>练习</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<style type="text/css"></style>
</head>
<body>

<!-- JS -->
<script type="text/javascript">
var DB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB; //兼容性

var name = "数据练习", b = 9; //库名 版本号

var a = DB.open(name,b); //创建数据库 名为 数据练习

a.onsuccess = function(){
console.log("数据成功");
}

a.onerror = function() {
console.warn("数据失败")
}

a.onupgradeneeded = function() {
console.log("数据升级成功");
// 获取IDBDatabase 值
DB = a.result;
// 判断 是否有类似表
if(!DB.objectStoreNames.contains("数据表")) {
// 创建表
DB.createObjectStore("数据表", {autoIncrement: true})
}

}



var data = [
{
"id" : "001",
"账号" : "1234",
"密码" : "000",
"性别" : "男"
},
{
"id" : "001",
"账号" : "4321",
"密码" : "111",
"性别" : "女"
},
{
"id" : "001",
"账号" : "1243",
"密码" : "222",
"性别" : "未知"
}
];

function addData() {
var transaction = DB.transaction("数据表", "r"),
store = transaction.ovjectStore("数据表")
data.map(function(o){
store.add(o);
})
}
addData()



</script>
</body>
</html>

慕神6715844 2018-12-03

源自：HTML5存储 2-7 indexDB（1）

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2018-12-03 18:05:24

1、单词错误：

应该是objectStore。

2、不应该在代码中调用addData()方法，因为onupgradeneeded和onsuccess方法是异步执行的，需要等待一定的事件，所以会先执行下面的代码，下面addData调用的时候，db数据库还没有成功，所以会报错。建议在控制台中调用：

自己可以动手测试下。

收起回答

提问者慕神6715844 2018-12-03 16:13:26

<!DOCTYPE html>
<html manifest="" style="font-size: 16px">
<head>
<title>练习</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<style type="text/css"></style>
</head>
<body>

<!-- JS -->
<script type="text/javascript">
var DB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB; //兼容性

var name = "数据练习", b = 9; //库名 版本号

var a = DB.open(name,b); //创建数据库 名为 数据练习

a.onsuccess = function(){
console.log("数据成功");
}

a.onerror = function() {
console.warn("数据失败")
}

a.onupgradeneeded = function() {
console.log("数据升级成功");
// 获取IDBDatabase 值
DB = a.result;
// 判断 是否有类似表
if(!DB.objectStoreNames.contains("数据表")) {
// 创建表
DB.createObjectStore("数据表", {autoIncrement: true})
}

}



var data = [
{
"id" : "001",
"账号" : "1234",
"密码" : "000",
"性别" : "男"
},
{
"id" : "001",
"账号" : "4321",
"密码" : "111",
"性别" : "女"
},
{
"id" : "001",
"账号" : "1243",
"密码" : "222",
"性别" : "未知"
}
];

function addData() {
var transaction = DB.transaction("数据表", "readwrite"),
store = transaction.ovjectStore("数据表")
data.map(function(o){
store.add(o);
})
}
addData()



</script>
</body>
</html>

收起回答