IndexedDB - 如何在 object 存儲中讀取最大 ID

Question

我正在開發一個 web 應用程序，該應用程序從服務器讀取數據，為了節省成本，需要將數據存儲在瀏覽器上，以便它可以“增量”從服務器讀取數據，而不是每次都讀取它們，以減少網絡使用。

到目前為止，我所擁有的是：

• 一個 function 將數組添加到現有的 object 存儲：

function IXDBaddItems(osName, items, callback) {
  const tx = db.transaction([osName], "readwrite");
  const obj = tx.objectStore(osName);

  items.forEach(item => {
    obj.put(item);
  })

  tx.oncomplete = (event) => {
    callback();
  }
};

• 一個 function 在服務器上進行增量 ajax 調用，參數為“lastId”，最后將結果存儲在 objectStore

const getCorsiLastId = (lastId) => {
  makeAjaxCall(urlCorsiVendite, "POST", {
      ultimoId: lastId
    })
    .then(
      (resp) => {
        resp.forEach(d => {
          d.id = +d.id;
          d.id_course = +d.id_course;
          d.id_user = +d.id_user;
          d.insert_Date = new Date(d.insert_Date);
          d.nome_corso = d.nome_corso;
          d.year = +d.insert_Date.getFullYear();
          d.month = +d.insert_Date.getMonth() + 1;
          d.ref = +d.ref;
        });
      IXDBaddItems('corsiVendite', resp, () => console.log('db corsi update completed'));
      },
      (err) => console.log(err)
    );
};

• “異步主體”：

let db;

(async () => {
  let request = window.indexedDB.open('dbKpiMarketing', 1);

  // onerror handler signifies that the database didn't open successfully
  request.onerror = (e) => {
    console.log(e);
  };

  // onsuccess handler signifies that the database opened successfully
  request.onsuccess = async(e) => {
    console.log('Database opened successfully');

    // Store the opened database object in the db variable. This is used a lot below
    db = request.result;

    getCorsiLastId(0);
  };

  // Setup the database tables if this has not already been done
  request.onupgradeneeded = (e) => {
    // Grab a reference to the opened database
    let db = e.target.result;

    // Create an objectStore to store our data
    let osCorsi = db.createObjectStore('corsiVendite', {
      keyPath: 'id'
    });
    let osServizi = db.createObjectStore('serviziVendite', {
      keyPath: 'id'
    });

    console.log('Database setup complete');
  };

})();

現在我用 lastId=0 調用 ajax function 來取回所有東西。 我需要使這個動態。 通過控制台中的這兩行代碼，我得到了我正在尋找的東西：最高存儲的 id。

let c = db.transaction('corsiVendite').objectStore('corsiVendite').getAll()
let lastIdCorsi = Math.max(...c.result.map(d=>d.id));

我需要在調用getCorsiLastId(LastIdCorsi)之前獲取這兩行並運行它們但是如果我嘗試我得到一個錯誤： Uncaught (in promise) DOMException: Failed to read the 'result' property from 'IDBRequest': The request has not完成的。 我知道交易需要一些時間，所以我不能立即使用結果。 我該如何克服這個問題？

Answer 1

我想我解決了...實際上我已經使用事務的oncomplete方法在 IXDBaddItems function 中做了正確的事情。 我添加了這些行：

let t = db.transaction('corsiVendite', 'readwrite');
let o = t.objectStore('corsiVendite');
let c = o.getAll();
t.oncomplete = (e) => {
    LastId = Math.max(...c.result.map(d=>d.id));
};