Javascript 删除,函数删除,似乎不起作用
我在一个博客中学习了这个教程,它只是一个使用indexedDB的示例教程。我是indexedDB的新手,所以我只能理解一点点 其他功能,如read、readAll和add正常工作。当函数删除不起作用时。这些函数通过按钮被称为Javascript 删除,函数删除,似乎不起作用,javascript,html,indexeddb,Javascript,Html,Indexeddb,我在一个博客中学习了这个教程,它只是一个使用indexedDB的示例教程。我是indexedDB的新手,所以我只能理解一点点 其他功能,如read、readAll和add正常工作。当函数删除不起作用时。这些函数通过按钮被称为onclick 每当我点击删除数据时,按钮就会消失,什么都不会发生 HTML: 非常感谢您提供的任何帮助。不确定是否有帮助,但有几点: 通常,您不希望在数组上使用。For..in用于迭代对象的键。用于(var i=0;i
onclick
每当我点击删除数据时,按钮就会消失,什么都不会发生
HTML:
非常感谢您提供的任何帮助。不确定是否有帮助,但有几点:
- 通常,您不希望在数组上使用。For..in用于迭代对象的键。用于(var i=0;i
- 对象存储区周围的括号(如db.transaction(['store'])是可选的。你不需要它们。事实上,您不一致地使用它们,因此您的代码很难阅读
- 您不应该以使用变量“var db”的方式使用它。单击“删除”时,连接可能为空或已关闭
- 虽然可以,但我建议不要从onupgradeneeded函数中插入数据。需要升级的功能用于创建或修改数据库架构。您应该使用其他一些函数。通过直接调用另一个函数,indexedDB将自动确定是否需要先调用OnUpgradeRequired,然后执行您的函数
- 您不再需要像
这样的前缀了。所有支持indexedDB的主要浏览器都删除了这些前缀。只需使用window.indexedDB=window.indexedDB | | window.mozIndexedDB…
window.indexedDB
- 不确定为什么只在某些函数中处理request.onerror
- 您不需要在全局变量前面加“window”。例如,您可以直接使用
而不是indexedDB
window.indexedDB
- 您通常不希望在readAll函数的上下文中调用“alert”,该函数在存储区上迭代光标。警报正在阻塞。游标迭代是异步的
element.remove()
,类似于element.parentNode.removeChild(element)
。尝试重命名删除函数
此外,请尝试添加要删除的OneError处理程序,并检查添加后是否可以在dev tools中的对象存储中看到该对象。Hi!谢谢你的回答。你的猜测似乎是对的,改名后就解决了。另外,关于我的编码风格,大多数代码都是从教程中复制粘贴的,只是我自己尝试一下。我会记下你列出的东西。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="index.js"></script>
<link rel="stylesheet" type="text/css" href="index.css" media="all">
<title>Sample IndexedDB</title>
</head>
<body>
<button onclick="read()">Read </button>
<button onclick="readAll()">Read all </button>
<button onclick="add()">Add data </button>
<button onclick="remove()">Delete data </button>
</body>
</html>
//prefixes of implementation that we want to test
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
//prefixes of window.IDB objects
window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange
if (!window.indexedDB) {
window.alert("Your browser doesn't support a stable version of IndexedDB.")
}
const employeeData = [
{ id: "00-01", name: "gopal", age: 35, email: "gopal@tutorialspoint.com" },
{ id: "00-02", name: "prasad", age: 32, email: "prasad@tutorialspoint.com" }
];
var db;
var request = window.indexedDB.open("sampleDB", 3);
request.onerror = function(event) {
console.log("error: ");
};
request.onsuccess = function(event) {
db = request.result;
console.log("success: "+ db);
};
request.onupgradeneeded = function(event) {
var db = event.target.result;
var objectStore = db.createObjectStore("employee", {keyPath: "id"});
for (var i in employeeData) {
objectStore.add(employeeData[i]);
}
}
function read() {
var transaction = db.transaction(["employee"]);
var objectStore = transaction.objectStore("employee");
var request = objectStore.get("00-03");
request.onerror = function(event) {
alert("Unable to retrieve daa from database!");
};
request.onsuccess = function(event) {
// Do something with the request.result!
if(request.result) {
alert("Name: " + request.result.name + ", Age: " + request.result.age + ", Email: " + request.result.email);
}
else {
alert("Kenny couldn't be found in your database!");
}
};
}
function readAll() {
var objectStore = db.transaction("employee").objectStore("employee");
objectStore.openCursor().onsuccess = function(event) {
var cursor = event.target.result;
if (cursor) {
alert("Name for id " + cursor.key + " is " + cursor.value.name + ",\r\nAge: " + cursor.value.age + ",\r\nEmail: " + cursor.value.email);
cursor.continue();
}
else {
alert("No more entries!");
}
};
}
function add() {
var request = db.transaction(["employee"], "readwrite")
.objectStore("employee")
.add({ id: "00-03", name: "Kenny", age: 19, email: "kenny@planet.org" });
request.onsuccess = function(event) {
alert("Kenny has been added to your database.");
};
request.onerror = function(event) {
alert("Unable to add data\r\nKenny aready exist in your database! ");
}
}
function remove() {
var request = db.transaction(["employee"], "readwrite")
.objectStore("employee")
.delete("00-03");
request.onsuccess = function(event) {
alert("Kenny's entry has been removed from your database.");
};
}