本地?cái)?shù)據(jù)庫
雖然HTML5已經(jīng)提供了功能強(qiáng)大的localStorage和sessionStorage，但是他們兩個(gè)都只能提供存儲(chǔ)簡單數(shù)據(jù)結(jié)構(gòu)的數(shù)據(jù)，對(duì)于復(fù)雜的Web應(yīng)用的數(shù)據(jù)卻無能為力。逆天的是HTML5提供了一個(gè)瀏覽器端的數(shù)據(jù)庫支持，允許我們直接通JS的API在瀏覽器端創(chuàng)建一個(gè)本地的數(shù)據(jù)庫，而且支持標(biāo)準(zhǔn)的SQL的CRUD操作，讓離線的Web應(yīng)用更加方便的存儲(chǔ)結(jié)構(gòu)化的數(shù)據(jù)。接下里介紹一下本地?cái)?shù)據(jù)的相關(guān)API和用法。
操作本地?cái)?shù)據(jù)庫的最基本的步驟是：
第一步：openDatabase方法：創(chuàng)建一個(gè)訪問數(shù)據(jù)庫的對(duì)象。
第二步：使用第一步創(chuàng)建的數(shù)據(jù)庫訪問對(duì)象來執(zhí)行transaction方法，通過此方法可以設(shè)置一個(gè)開啟事務(wù)成功的事件響應(yīng)方法，在事件響應(yīng)方法中可以執(zhí)行SQL.
第三步：通過executeSql方法執(zhí)行查詢，當(dāng)然查詢可以是：CRUD。
接下來分別介紹一下相關(guān)的方法的參數(shù)和用法。
1. openDatabase方法
//Demo：獲取或者創(chuàng)建一個(gè)數(shù)據(jù)庫，如果數(shù)據(jù)庫不存在那么創(chuàng)建之
var dataBase = openDatabase("student", "1.0", "學(xué)生表", 1024 * 1024, function () { });openDatabase方法打開一個(gè)已經(jīng)存在的數(shù)據(jù)庫，如果數(shù)據(jù)庫不存在，它還可以創(chuàng)建數(shù)據(jù)庫。幾個(gè)參數(shù)意義分別是：
數(shù)據(jù)庫名稱。
數(shù)據(jù)庫的版本號(hào)，目前來說傳個(gè)1.0就可以了，當(dāng)然可以不填；
對(duì)數(shù)據(jù)庫的描述。
設(shè)置分配的數(shù)據(jù)庫的大小（單位是kb）。
回調(diào)函數(shù)(可省略)。
初次調(diào)用時(shí)創(chuàng)建數(shù)據(jù)庫，以后就是建立連接了。
2. db.transaction方法
可以設(shè)置一個(gè)回調(diào)函數(shù)，此函數(shù)可以接受一個(gè)參數(shù)就是我們開啟的事務(wù)的對(duì)象。然后通過此對(duì)象可以執(zhí)行SQL腳本。
3. executeSql方法執(zhí)行查詢
ts.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)
參數(shù)說明：
qlQuery：需要具體執(zhí)行的sql語句，可以是create、select、update、delete;
[value1,value2..]：sql語句中所有使用到的參數(shù)的數(shù)組，在executeSql方法中，將s>語句中所要使用的參數(shù)先用“?”代替，然后依次將這些參數(shù)組成數(shù)組放在第二個(gè)參數(shù)中;
dataHandler：執(zhí)行成功是調(diào)用的回調(diào)函數(shù)，通過該函數(shù)可以獲得查詢結(jié)果集;
errorHandler：執(zhí)行失敗時(shí)調(diào)用的回調(diào)函數(shù);
