等待IDBCursor.onsuccess完成

Question

我有一个包含页面上各种元素属性的IndexedDB。我对这些属性之一有一个索引，我使用一个键范围来获得特定的结果列表。

var key = IDBKeyRange.bound(10, 20); 
var cursor = store.index('property').openCursor(key); 

我现在的问题是与cursor.onsuccess函数。它似乎对结果集中的每个结果执行。因此，一旦解析了所有结果，我就无法执行回调函数。

cursor.onsuccess = function (e) { 
    var cursor = e.target.result; 
    if (cursor) { 
     if (cursor.value.prop1 > 30 && cursor.value.prop2 < 80) { 
      // Do stuff with result 
      someArray.push({ 
       prop1: cursor.value.prop1, 
       prop2: cursor.value.prop2 
      }): 
     } 
    } 
    cursor.continue(); 
}; 

Answer 1

知道您的操作完成的最安全方法是在事件完成时使用事务。该事件在光标关闭后触发。

transaction.oncomplete = function (event) { 
    console.log('transaction completed'); 
}; 

此外，以确保没有错误发生的事件监听器添加到交易事件的错误和中断。

transaction.onerror = function (event) { 
    console.log('transaction error'); 
}; 

transaction.onabort = function (event) { 
    console.log('transaction abort'); 
}; 

Answer 2

事实证明，cursor.onsuccess火灾最后一次与e.target.result不确定。发生这种情况时，您可以执行回拨功能：

cursor.onsuccess = function (e) { 
    var cursor = e.target.result; 
    if (cursor) { 
     if (cursor.value.prop1 > 30 && cursor.value.prop2 < 80) { 
      // Do stuff with result 
      someArray.push({ 
       prop1: cursor.value.prop1, 
       prop2: cursor.value.prop2 
      }): 
     } 
    } else { 
     // Execute code here 
     console.log('There are ' + someArray.length + ' elements in someArray.'); 
    } 
    cursor.continue(); 
};