html - ローカル データベース ストレージのデフォルト データ

Question

HTML 5 Localstorage を使用してアプリケーションを開発しました。

HTML 5 対応アプリケーションを初期化する前に、TABLE を作成して 10000 行以上を入力するにはどうすればよいですか。

パターンを提案してください。

Answer 1

var db = openDatabase('dbname', 'dbversion 1.0', 'description', 64*1024);
db.transaction(function (query){
   query.executeSql('CREATE TABLE IF NOT EXISTS tablename (id unique, value)');
   var rows = 10000, i;
   for(i=0; i < rows; i++){
      query.executeSql('INSERT INTO tablename (id, value) VALUES ('+ i + ', "Stackoverflow")');
   }

   query.executeSql('SELECT * FROM tablename', [], function (query, results) {
      for (i = 0; i < 5; i++) {
         alert(results.rows.item(i).text);
      }
   });
});

//Do magic with your webapp now

受け付けるクエリはSQLite型です。詳細については、公式の仕様を確認してください。