从桌面Chrome IndexedDB vs从android Chrome IndexedDB删除记录

Question

我正在尝试使用休眠代码从IndexedDB中删除记录：

DB.indexedDB.IDBTransaction.READ_WRITE="readwrite";
window.indexedDB =  window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB;

if ('webkitIndexedDB' in window) {
        window.IDBTransaction = window.webkitIDBTransaction;
        window.IDBKeyRange = window.webkitIDBKeyRange;
        DB.indexedDB.IDBTransaction.READ_WRITE=IDBTransaction.READ_WRITE;
    }

DB.indexedDB.idelete = function( storeName, indexValue, index, keyPathfield ){
    var db = DB.indexedDB.db;
    var transaction = db.transaction([storeName], DB.indexedDB.IDBTransaction.READ_WRITE);
    var store = transaction.objectStore(storeName);
    var sindex = store.index(index);

    sindex.get(indexValue).onsuccess = function (event){
        store.delete(event.target.result[keyPathfield]).onsuccess = function(event) {
            document.getElementById("result").innerHTML+="deleted<br>";
            };
        }
}

它调用onsuccess，但当我使用相同的indexValue添加新记录并再次调用idelete并使用休眠代码搜索记录时：

DB.indexedDB.readAll=function(storeName, index){
    var results=document.getElementById("result");
    var db = DB.indexedDB.db;
    var transaction = db.transaction([storeName]);
    var store = transaction.objectStore(storeName);
    var key = IDBKeyRange.lowerBound(0);
    var cursor = store.openCursor(key);
    var x=0;

    cursor.onsuccess = function(event){
        var result = event.target.result;
        if(result)
        {
            x++;
            var charx=x.toString();
            results.innerHTML+=charx+result.value[index]+"<br>";
            result.continue();
        }
        else 
        return;
}

如果我使用的是Windows Chrome，则记录被正确删除。但如果我使用的是Android Chrome版本M18.1，readAll仍然可以找到该记录，但idelete无法将其删除，因为它实际上已被删除。

Answer 1

不如直接打开键光标，而不是实际检索它。

sindex.openKeyCursor(indexValue).onsuccess = function (event){
    var cursor = event.target.result;
    if (cursor) {
      // cursor.delete(); 
      var key = cursor.key;
      var primaryKey = cursor.primaryKey;

      store.delete(primaryKey).onsuccess = function(event) {
        document.getElementById("result").innerHTML+= key + ' (' + primaryKey + ") deleted<br>";
        };
      }
    } else {
      document.getElementById("result").innerHTML+= indexValue + ' not found.<br>";
    }
}

Answer 2

这里的问题是同时有多个事务在运行-我可以告诉你这是因为idelete()不返回它创建的事务，所以没有办法保证readAll()在idelete()之后执行。

相反，您需要让idelete()返回事务，然后处理该事务：

foo = idelete(....).oncomplete = function() { readAll()...}

我认为它碰巧在android上工作的事实只是chrome实现的一个偶然事件(chrome在android上是单进程的，所以事件倾向于在那里更串行地运行)。