Details zur lokalen HTML5-Datenbank

Für komplexe Datenbanken arbeitet HTML5 mit einer lokalen Datenbank. Dies ist eine browserseitige Datenbank. In der lokalen Datenbank können wir direkt JavaScript zum Erstellen der Datenbank verwenden und SQL verwenden Anweisungsausführungsbezogene Datenbankoperationen. Im Folgenden werden die einzelnen APIs der lokalen Datenbank und deren Verwendung vorgestellt.

1. Verwenden Sie openDatabase, um eine Datenbank zu erstellen

Wir können openDatabase verwenden Methode zum Erstellen einer Datenbank. Die openDatabase-Methode übergibt fünf Parameter, nämlich: Datenbankname, Datenbankversionsnummer (kann weggelassen werden), Beschreibung der Datenbank, Festlegen der Größe der zugewiesenen Datenbank und Rückruffunktion .

Wenn wir eine lokale Datenbank erstellen möchten, können wir den folgenden Code ausführen:

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

Dadurch wird eine Benutzerinformationstabelle erstellt. Anschließend können Sie überprüfen, ob die erstellte lokale Datenbank erfolgreich ist:

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. Verwenden Sie die Methode executeSql, um sql-Anweisung

executeSql können wir die normale sql-Anweisung direkt wie folgt ausführen:

executeSql Die Funktion erklärt nicht klar, wie und wo die Methode executeSql verwendet werden soll. Um diese Methode nutzen zu können, müssen Sie transaction einführen. 3. Verwenden Sie

, um Transaktionen zu verarbeiten. Diese Methode wird zum Verarbeiten von Transaktionen verwendet und kann drei Parameter übergeben: Enthält Transaktion Inhalt Eine Methode, eine Rückruffunktion für eine erfolgreiche Ausführung und eine Rückruffunktion für eine fehlgeschlagene Ausführung (die beiden letzteren können weggelassen werden).

In Kombination mit

und executeSql können wir eine Datentabelle erstellen und Daten zu der zuvor erstellten Datenbank hinzufügen Der Code lautet wie folgt:

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

Das obige ist der detaillierte Inhalt vonDetails zur lokalen HTML5-Datenbank. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!