<html>
<head>
<script src="jquery-3.5.1.js"></script>
</head>
<body>
<script>
createOrOpenDb("teamtalk");
//新建或打开已有数据库
function createOrOpenDb(dbName){
var request = indexedDB.open(dbName, 1);
request.onsuccess = function(event) {
console.log('打开/创建 数据库成功');
};
request.onerror = function(event) {
console.log('打开/创建 数据库成功失败:' + event.target.error.message);
};
}
function insertData(db){
/**
* 第一个参数，存储空间的名称，即上面的customers。
* 第二个参数，keyPath值指定主键。
* autoIncrement指定了key值是否自增（当key值为默认的从1开始到2^53的整数时）。
* */
var objectStore = db.createObjectStore("customers" , { keyPath: "name" } );
/**
* 第一个参数，索引的名称。
* 第二个参数，指定索引对应列。
* 第三个属性， options对象，其中属性unique的值为true表示索引必须唯一。
* */
// objectStore.createIndex("name", "name", { unique: false });
objectStore.add({"name": 'a', "age": "10",ssn: "444-44-4444"});
objectStore.add({"name": 'b', "age": "20",ssn: "444-44-4442"});
}
function deleteData(db, storename, id){
var transaction = db.transaction(storename, 'readwrite');//获取事务
var store = transaction.objectStore(storename); // 得到对应的object store
store.delete(id);// 根据id删除对应store中的数据
}
function readData(db, storename, id){
var transaction = db.transaction(storename, 'readwrite');
var objectStore = transaction.objectStore(storename);
var req = objectStore.get(id);
req.onsuccess = function(e) {
var employee = e.target.result;//得到对象
debugger
};
}
function updateData(db, storename, id){
var transaction = db.transaction(storename, 'readwrite'); //获取事务
var store = transaction.objectStore(storename);// 得到指定的object store
var req = store.get(id);//根据id查找指定的对象
req.onsuccess = function(e) {
var employee = e.target.result;//得到对象
employee.age = 19;//修改值
store.put(employee);//将修改之后的值放回指定的object store中
};
}
</script>
</body>
</html>
