ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 ローカル ストレージ - Web SQL データベースの詳細
HTML5 WebStorage では、HTML5 ローカル ストレージのローカル ストレージと Session ストレージが導入されています。これら 2 つは、少量のデータ構造を保存する場合には役立ちますが、大量のデータ構造を保存する場合には役に立ちません。構造化データは柔軟性があり、強力ではありません。
Web SQL データベース 私たちはデータベース内の大量の構造化データを処理することがよくあります。HTML5 では、SQL を使用してクライアント データベースのAPI を操作するという概念が導入されています。仕様で使用されている言語は SQLlite です。Web SQL データベースの仕様ページにはこのような記述があります
この文書は W3C 勧告の段階にありましたが、仕様の作業は行き詰まっています。 : 関心のあるすべての実装者は同じ SQL バックエンド (Sqlite) を使用していますが、標準化パスに沿って進めるには複数の独立した実装が必要ですおそらく意味は
この文書はかつて W3C 推奨仕様に含まれていましたが、仕様作業は停止しました。現在のすべての実装は同じ SQL バックエンド (SQLite) に基づいていますが、標準化するにはさらに独立した実装が必要です。
言い換えれば、これは放棄された標準ですが、一部のブラウザではすでに実装されています。 。 。 。 。 。 。
3 つのコアメソッド
var db = openDatabase('testDB', '1.0', 'Test DB', 2 * 1024 * 1024);
openDatabase は 5 つを受け取りますパラメータ:
トランザクション
db.transaction(function (context) { context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)'); context.executeSql('INSERT INTO testTable (id, name) VALUES (0, "Byron")'); context.executeSql('INSERT INTO testTable (id, name) VALUES (1, "Casper")'); context.executeSql('INSERT INTO testTable (id, name) VALUES (2, "Frank")'); });
db.transaction(function (context) { context.executeSql('SELECT * FROM testTable', [], function (context, results) { var len = results.rows.length, i; console.log('Got '+len+' rows.'); for (i = 0; i < len; i++){ console.log('id: '+results.rows.item(i).id); console.log('name: '+results.rows.item(i).name); } });
最後にWeb SQL Database
Chr
ome のコンソールは非常に使いやすく、Shenma
、その他の html5
新しく追加された以上がHTML5 ローカル ストレージ - Web SQL データベースの詳細の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。