我昨天发布了类似的内容,但是它起作用了,但是只删除了数据中的最后一个对象。
我想发生什么
此ajax上传将处理大量数据,因此我正在使用indexeddb。这也将在手机上使用。因此,我希望它一次上传一个项目,如果一个项目未能从数据中删除之前的项目,那么它们就不需要再次上传所有内容。
我已经尝试过async = false,这完全符合我的需要,但是这个冰柜浏览器。
当前代码 试图注释掉可能造成混淆的任何位,当前,这仅在完成后才删除最后一项。
function uploadData(e) { //Get Database var transaction = db.transaction(["data"], "readonly"); var objectStore = transaction.objectStore("data"); var cursor = objectStore.openCursor(); //Starts Looping cursor.onsuccess = function(e) { var res = e.target.result; if (res) { if (navigator.onLine) { $('.popup-heading').text('Uploading...'); var passData = { client_id: res.value.client_id, parent_id: res.value.parent_id, storename: res.value.storename, image: res.value.image, key: res.key, }; var jsonData = JSON.stringify(passData); $.ajax({ url: "{{ path('destination_app_ajax') }}", type: "post", // Works but freezes browser /*async, flase*/ data: { "json": passData }, success: function(JsonData) { //Delete item once successfull var t = db.transaction(["data"], "readwrite"); var request = t.objectStore("data").delete(passData.key); t.oncomplete = function(event) { console.log('item deleted'); }; }, error: function() { $('.popup-heading').text('Upload Failed!'); } }); } else { $('.popup-heading').text('Please find stronger signal or wifi connection'); } res. continue (); } }
}
听起来您有范围问题passData。在循环内部,但在定义之前,请var passData = ...尝试使用匿名函数包装代码块:
passData
var passData = ...
(function() { /* Your code here */ }());
那应该防止passData泄漏到全局范围内,这似乎就是为什么您的IDB代码仅在最后一个循环中起作用的原因。(passData每次AJAX响应完成之前都会重新定义。)
更新 :没有循环,您正在处理回调。我看到的情况是,您正在重新定义onsuccess每个Ajax请求的处理程序(并覆盖除最后一个值之外的所有值),并重用同一事务。尝试将此事务代码移到AJAX请求的成功回调中:
onsuccess
//Get Database var transaction = db.transaction(["data"], "readonly"); var objectStore = transaction.objectStore("data"); var cursor = objectStore.openCursor();
这将创建一个关闭并delete在每个响应上提交您的事务。这意味着每个AJAX请求一个事务,每个AJAX请求一个onsuccess回调(不重新定义)。
delete