以下代码中request.onupgradeneeded = function(event)不执行:// 打开或创建一个名为“myDatabase”的数据库并创建一个名为“myStore”的存储 let request = indexedDB.open('myDatabase', 1); request.onerror = function(event) { console.log('打开数据库出错!'); }; request.onupgradeneeded = function(event) { console.log('创建执行'); let db = event.target.result; // 创建一个名为“myStore”的对象存储 let store = db.createObjectStore('myStore', { keyPath: 'id' }); // 添加一个名为“name”的索引 store.createIndex('name', 'name', { unique: false }); }; request.onsuccess = function(event) { let db = event.target.result; // 在“myStore”存储中添加一条记录 let transaction = db.transaction(['myStore'], 'readwrite'); let store = transaction.objectStore('myStore'); let data ={ id: 0, name: JSON.stringify(editor) }; let request = store.add(data); request.onsuccess = function(event) { console.log('数据已成功添加到存储中!'); }; transaction.oncomplete = function(event) { db.close(); }; };
时间: 2024-02-07 19:01:56 浏览: 36
这段代码中的 `request.onupgradeneeded` 应该在打开数据库成功后被调用,否则会出现该事件处理程序不执行的情况。
请将 `request.onupgradeneeded` 放在 `request.onsuccess` 的回调函数中,像这样:
```
let request = indexedDB.open('myDatabase', 1);
request.onerror = function(event) {
console.log('打开数据库出错!');
};
request.onsuccess = function(event) {
let db = event.target.result;
let transaction = db.transaction(['myStore'], 'readwrite');
let store = transaction.objectStore('myStore');
let data = { id: 0, name: JSON.stringify(editor) };
let request = store.add(data);
request.onsuccess = function(event) {
console.log('数据已成功添加到存储中!');
};
transaction.oncomplete = function(event) {
db.close();
};
};
request.onupgradeneeded = function(event) {
console.log('创建执行');
let db = event.target.result;
let store = db.createObjectStore('myStore', { keyPath: 'id' });
store.createIndex('name', 'name', { unique: false });
};
```
这样,当数据库打开成功后,就会调用 `request.onupgradeneeded` 来创建对象存储和索引,然后继续执行添加数据的操作。