Question

我非常喜欢indexeddb的这个非常简单的使用，但我试图弄清楚如何进行更新。

我已经看到.put假设为此工作，但是当我尝试这个时，它会覆盖id 12345的所有数据。我缺少什么？

这就是我在下面使用的内容：

store.put（{id：12345，姓名：{first：＆＃34; John＆＃34;，last：＆＃34; Doe＆＃34;}，年龄：42}）;

store.put（{id：12345，姓名：{first：＆＃34; somethingelse＆＃34;}，年龄：42}）;

完整代码：

      var indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB;

      // Open (or create) the database
      var open = indexedDB.open("MyDatabase", 1);

      // Create the schema
      open.onupgradeneeded = function() {
          var db = open.result;
          var store = db.createObjectStore("MyObjectStore", {keyPath: "id"});
          var index = store.createIndex("NameIndex", ["name.last", "name.first"]);
      };

      open.onsuccess = function() {
          // Start a new transaction
          var db = open.result;
          var tx = db.transaction("MyObjectStore", "readwrite");
          var store = tx.objectStore("MyObjectStore");
          var index = store.index("NameIndex");

          // Add some data
          store.put({id: 12345, name: {first: "John", last: "Doe"}, age: 42});
          store.put({id: 12345, name: {first: "somethingelse"}, age: 42});

          // Query the data
          var custInfo = store.get(12345);

          custInfo.onsuccess = function() {
              alert("ID " + custInfo.result.id + " age " +custInfo.result.age + " name " + custInfo.result.name.first+ custInfo.result.name.last);  // => "John"
              // alert(getJohn.result.name.first);  // => "John"
          };

          // Close the db when the transaction is done
          tx.oncomplete = function() {
              db.close();
          };
      }

Answer 1

如果我正确理解你的问题，那么我会指出call put不等同于SQL update。您不能使用单个请求仅替换对象库中对象的某些属性。将新对象放入存储时，如果已存在具有相同keypath（id）的另一个对象，则将完全替换该现有对象。 indexedDB不会修改商店中的现有对象，一次只修改一个属性，而是用新对象完全替换旧对象。

如果您只想替换对象的某些属性，请使用两个请求。一个请求获取存储中的现有对象，另一个请求存储修改后的对象。在get和put之间，对对象进行更改。

像这样的东西，伪代码：

function updateSomeProps(db, id) {
  var tx = db.transaction(...);
  tx.oncomplete = _ => {
    console.log('finished updating object with id', id);
  };

  var store = tx.objectStore(...);
  var getRequest = store.get(id);
  getRequest.onsuccess = _ => {
     var obj = getRequest.result;
     if(!obj) {
       console.log('no matching object for id, canceling update', id);
       return;
     }

     console.log('loaded object to modify', obj);

     // make some changes to the properties of the object loaded 
     // in memory
     obj.age = 42;
     obj.firstname = 'asdf';
     delete obj.lastname;

     // now store the new object in place of the old object
     console.log('storing new object in place of old', obj);
     store.put(obj);
  };
}

function connectAndChangeStuff(id) {
  var openRequest = indexedDB.open(...);
  openRequest.onsuccess = _ => {
    var db = openRequest.result;
    updateSomeProps(db, 12345);
    db.close(); // optional
  };
}

如何在indexeddb中更新而不是覆盖所有数据？

1 个答案: