Javascript 在IndexedDB中存储数据

嗨，我正在尝试在IndexedDB中存储三个字段。它显示了每三个索引的名称。。浏览器中的内容、内容2和内容3。但是，数据仅保存到content3中

以下是我的源代码：

<script type="text/javascript">
          var request = indexedDB.open("synker");
          var db;
          request.onupgradeneeded = function() {
          // The database did not previously exist, so create object stores and indexes.
          db = request.result;
          var store = db.createObjectStore("notes", {keyPath: "ID"});
          store.createIndex("content","content", { unique: false });
          store.createIndex("content2","content2", { unique: false });
          store.createIndex("content3","content3", { unique: false });
        };

        request.onsuccess = function() {
          db = request.result;
        };

        function addData(data)  {
            var tx = db.transaction("notes", "readwrite");
            var store = tx.objectStore("notes");
            store.put({content: data, ID:1});
            store.put({content2: data, ID:1});
            store.put({content3: data, ID:1});
        }

var请求=indexedDB.open（“synker”）；
var-db；
request.onupgradeneeded=函数（）{
//数据库以前不存在，因此创建对象存储和索引。
db=请求。结果；
var store=db.createObjectStore（“notes”，{keyPath:“ID”}）；
createIndex（“content”，“content”，“unique:false}）；
createIndex（“content2”，“content2”，{unique:false}）；
createIndex（“content3”，“content3”，{unique:false}）；
};
request.onsuccess=函数（）{
db=请求。结果；
};
函数addData（数据）{
var tx=数据库事务（“注释”、“读写”）；
var store=tx.objectStore（“注释”）；
put（{content:data，ID:1}）；
put（{content2:data，ID:1}）；
put（{content3:data，ID:1}）；
}

每次调用store.put都会存储一个单独的对象。对象是属性的集合。索引是根据多个对象的属性进行操作的数据结构

您可能希望只使用一次对store.put的调用来存储具有多个属性的单个对象

function addData(data) {
  var tx = ...;
  var store = ...;

  // One call to put that stores all three properties together in one object.
  store.put({'content': data, 'content2': data, 'content3': data});
}