HTML5 ローカル データベースの詳細

複雑なデータベースの場合、HTML5はローカルデータベースを使用して動作します。これはブラウザ側のデータベースです。ローカル データベースでは、JavaScriptを直接使用してデータベースを作成し、SQLステートメントを使用して関連するデータベース操作を実行できます。ローカルデータベースの各APIとその使い方を紹介します。

1. openDatabaseを使用してデータベースを作成します

データベースを作成するには、openDatabaseメソッドを使用できます。 openDatabase メソッドは、データベース名、データベースのバージョン番号 (省略可能)、データベースの説明、割り当てられたデータベースのサイズの設定、コールバック関数の 5 つのパラメーターを渡します。

ローカル データベースを作成したい場合は、次のコードを実行できます:

var myWebDatabase = openDatabase(“user”, ”1.0”, “user info”, 1024*1024, function(){});

これにより、ユーザー情報テーブルが作成されます。作成されたローカル データベースが成功したかどうかを確認できます:

if(!dataBase){
alert(“The database has been created successfully!”);
}else{
alert(“The database has not been successfully created.”)
}if(!dataBase){
alert(“The database has been created successfully!”);
}else{
alert(“The database has not been successfully created.”)
}

2. executeSql メソッドを使用して sql ステートメントを実行します

executeSql メソッドを使用すると、通常の を直接実行できます。 sql ステートメントは次のとおりです:

context.executeSql('INSERT INTO testTable(id,name) VALUES (1,"Martin")');

もちろん、これは executeSql の機能のみを反映しています。 であり、正確ではありません executeSql メソッドの使用方法と使用場所を説明します。このメソッドを使用するには、transactionを導入する必要があります。

3. transactionを使用してトランザクションを処理します。このメソッドは、トランザクションの内容を含むメソッド、実行が成功した場合のコールバック関数、および失敗した場合のコールバック関数の 3 つのパラメータを渡すことができます。実行 (最後の 2 つは省略可能)。

executeSqlを組み合わせると、データテーブルを作成し、前に作成したデータベースにデータを追加できます。コードは次のとおりです:

myWebDatabase.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")');
         });

以上がHTML5 ローカル データベースの詳細の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。