-1

Javascript で indexeddb API を使用すると奇妙な問題が発生します。以下のコードは、件名にエラーを生成します。

 var notesdisplay, db;
function initiate(){
  notesdisplay = document.getElementById('notesdisplay');
  var button = document.getElementById('save');
  button.addEventListener('click', addobject);

  var request = indexedDB.open('mydatabase');
  request.addEventListener('error', showerror);
  request.addEventListener('success', start);
  request.addEventListener('upgradeneeded', createdb);
}
function showerror(e){
  alert('Error: ' + e.code + ' ' + e.message);
}
function start(e){
  db = e.target.result;
  show();
}
function createdb(e){
  var datababase = e.target.result;
  var mystore = datababase.createObjectStore('notesTable', {keyPath: 'id'});
  mystore.createIndex('searchNotes', 'id', {unique: false});
}
function addobject(){
  var title = document.getElementById('notesbox').value;

  var mytransaction = db.transaction(['notesTable'], "readwrite");
  var mystore = mytransaction.objectStore('notesTable');
  var request = mystore.add({id: title});
  request.addEventListener('success', show);

  document.getElementById('notesbox').value = '';
}

function show(){
  notesdisplay.innerHTML = '';
  var mytransaction = db.transaction(['notesTable']);
  var mystore = mytransaction.objectStore('notesTable');
  var myindex = mystore.index('searchNotes');
  var newcursor = myindex.openCursor(null, "prev");
  newcursor.addEventListener('success', showlist);
}
function showlist(e){
  var cursor = e.target.result;
  if(cursor){
    notesdisplay.innerHTML += '<div>' + cursor.value.id + ' - ' + ' <input type="button" onclick="removeobject(\'' + cursor.value.id + '\')" value="remove"></div>';

    cursor.continue();
  }
}
function removeobject(keyword){
  if(confirm('Are you sure?')){
    var mytransaction = db.transaction(['notesTable'], "readwrite");
    var mystore = mytransaction.objectStore('notesTable');
    var request = mystore.delete(keyword);
    request.addEventListener('success', show);
  }
}
addEventListener('load', initiate);

Chrome 内からこれを実行すると、件名にエラーが表示されます。ただし、これを Firefox から実行すると、別のエラーが生成されます (おそらく同じ行で)。

--

[19:13:54.870] TypeError: データベースは未定義です

私は Javascript にはかなり慣れていませんが、変数 db は次のように start 関数内で定義されていると考えています。

function start(e){ db = e.target.result; 見せる（）; }

このプログラムは、私が本から入手した例の単純化されたバージョンです。これにはキーと値のペアが 1 つしかありません。

何が問題なのかについての提案/指針をいただければ幸いです。

どうもありがとう、

ヴナヤク

4

1 に答える 1

0

データベース接続を開くリクエストがブロックされている可能性があります。以下を開始関数に追加してみてください

request.addEventListener('blocked', function() { console.log('blocked'); });
于 2013-04-19T18:34:08.427 に答える