html 5 本地數據庫-- Web Sql Database核心方法openDatabase、transaction、executeSql 詳解

Web SQL數據庫API實際上不是HTML5規範的組成部分，而是單獨的規範。它經過一套API來操縱客戶端的數據庫。Safari、Chrome、Firefox、Opera等主流瀏覽器都已經支持Web SQL Database。HTML5的Web SQL Databases的確很誘惑人，當你發現能夠用與mysql查詢同樣的查詢語句來操做本地數據庫時，你會發現這東西挺有趣的。今天，咱們一塊兒來了解HTML 5的Web SQL Database API。

下面將一一將介紹怎樣建立打開數據庫，建立表，添加數據，更新數據，刪除數據，刪除表 。

先介紹三個核心方法

一、openDatabase：這個方法使用現有數據庫或建立新數據庫建立數據庫對象。

二、transaction：這個方法容許咱們根據狀況控制事務提交或回滾。

三、executeSql：這個方法用於執行真實的SQL查詢。

第一步：打開鏈接並建立數據庫

 

var dataBase = openDatabase("student", "1.0", "學生表", 1024 * 1024, function () { });
if (!dataBase) {
alert("數據庫建立失敗！");
} else {
alert("數據庫建立成功！");
}

解釋一下openDatabase方法打開一個已經存在的數據庫，若是數據庫不存在，它還能夠建立數據庫。幾個參數意義分別是：
1，數據庫名稱。
2，版本號 目前爲1.0,無論他，寫死就OK。
3，對數據庫的描述。
4，設置數據的大小。
5，回調函數(可省略)。
初次調用時建立數據庫，之後就是創建鏈接了。
建立的數據庫就存在本地，路徑以下：
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases\http_localhost_* 。
建立的是一個sqllite數據庫，能夠用SQLiteSpy打開文件，能夠看到裏面的數據。SQLiteSpy是一個綠色軟件，能夠百度一下下載地址或SQLiteSpy官方下載：SQLiteSpy。

第二步：建立數據表

this.createTable=function() {
dataBase.transaction( function(tx) { 
tx.executeSql(
"create table if not exists stu (id REAL UNIQUE, name TEXT)", 
[], 
function(tx,result){ alert('建立stu表成功'); }, 
function(tx, error){ alert('建立stu表失敗:' + error.message); 
});
});
}

解釋一下，
executeSql函數有四個參數，其意義分別是：
1）表示查詢的字符串，使用的SQL語言是SQLite 3.6.19。（必選）
2）插入到查詢中問號所在處的字符串數據。（可選）
3）成功時執行的回調函數。返回兩個參數：tx和執行的結果。（可選）
4）一個失敗時執行的回調函數。返回兩個參數：tx和失敗的錯誤信息。（可選）

第三步：執行增刪改查

1）添加數據：

 

this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
"insert into stu (id, name) values(?, ?)",
[id, '徐明祥'],
function () { alert('添加數據成功'); },
function (tx, error) { alert('添加數據失敗: ' + error.message); 
} );
});

 

 

 

 2）查詢數據

 

this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
"select * from stu", [],
function (tx, result) { //執行成功的回調函數
//在這裏對result 作你想要作的事情吧...........
},
function (tx, error) {
alert('查詢失敗: ' + error.message);
} );
});
}

 

特別提醒
上面代碼中執行成功的回調函數有一參數result。 

result：查詢出來的數據集。其數據類型爲 SQLResultSet ，就如同C#中的DataTable。 
SQLResultSet 的定義爲：

 

interface SQLResultSet {
readonly attribute long insertId;
readonly attribute long rowsAffected;
readonly attribute SQLResultSetRowList rows;
};

 

其中最重要的屬性—SQLResultSetRowList 類型的 rows 是數據集的「行」 。 
rows 有兩個屬性：length、item 。
故，獲取查詢結果的第一行列名爲name的值 ：result.rows.item(0).name  。

3）更新數據

 

this.update = function (id, name) {
dataBase.transaction(function (tx) {
tx.executeSql(
"update stu set name = ? where id= ?",
[name, id],
function (tx, result) {
},
function (tx, error) {
alert('更新失敗: ' + error.message);
});
});
}

 

4）刪除數據

this.del = function (id) {
dataBase.transaction(function (tx) {
tx.executeSql(
"delete from stu where id= ?",
[id],
function (tx, result) {
},
function (tx, error) {
alert('刪除失敗: ' + error.message);
});
});
}

5）刪除數據表

 

this.dropTable = function () {
dataBase.transaction(function (tx) {
tx.executeSql('drop table stu');
});
}