1

我正在尝试使用 indexedDB 来存储离线数据，然后在连接时上传数据。在下面的代码中，一个循环用于从 indexedDB 中读取数据，并且对于表（存储）中的每条记录（对象），都会创建一个 JSON 对象并将其发布到 PHP 文件中。然而，这个 indexedDB 循环只执行一次。这是因为 JSON 对象是异步发送到服务器的吗？

var trans = LocalDB.indexedDB.db.transaction(storename, 
                                             IDBTransaction.READ_WRITE);
var store = trans.objectStore(storename);
var keyRange = IDBKeyRange.lowerBound(0);
var cursorRequest = store.openCursor(keyRange);

cursorRequest.onsuccess = function (e) {
    var result = e.target.result;
    var obj = new Object;
    obj.name = result.value.Name;
    obj.Date = result.value.Date;
    if (window.XMLHttpRequest)
        xmlhttp = new XMLHttpRequest();
    else
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
            alert(xmlhttp.responseText);//problem: only shown once
            result.continue();
        }
    };
    xmlhttp.open("POST", "upload.php");
    xmlhttp.setRequestHeader("Content-type", "application/json", true);
    xmlhttp.send(JSON.stringify(obj));
};
cursorRequest.onerror = function (e) { alert("Error uploading"); };
4

1 回答 1

1

如果您检查控制台是否有错误，您可能会看到：

Uncaught Error: TransactionInactiveError

这似乎是由于 Ajax 请求延迟了result.continue(). 与此同时，事务显然变得不活动，不能再被游标使用。

您需要将其result.continue()移出onreadystatechange：

// ...
xmlhttp.send(JSON.stringify(obj));
result.continue();

您也可以选择S jax（同步）。但是，一般不建议这样做。

另外，请注意，onsuccess回调将被调用一个额外的时间，null result以表示光标已完成，因此您需要对此进行测试：

cursorRequest.onsuccess = function (e) {
    var result = e.target.result;

    if (!result) {
        console.log('Done');
        return; // exit callback
    }

    // ...
};

Array您还可以使用它通过单个 Ajax 请求发送整个集合：

var storedCollection = [];

cursorResult.onsuccess = function (e) {
    var result = e.target.result;

    if (result) {
        storedCollection.push(result.value);
        result.continue();
        return; // exit callback
    }

    // else: the cursor is "done"

    var xmlhttp = new XMLHttpRequest();
    // ...
    xml.send(JSON.stringify(storedCollection));
};

示例： http: //jsfiddle.net/CZBrd/（检查控制台）

于 2013-07-30T03:11:28.047 回答