HTML5 Web SQL 資料庫

Web SQL 資料庫API 並不是 HTML5 規範的一部分，但是它是一個獨立的規範，引入了一組使用 SQL 操作客戶端資料庫的 APIs。

假定你是一個優秀的Web 開發人員，如果是這樣的話，毫無疑問你會很清楚SQL和RDBMS的概念。如果你仍然需要一個SQL的議題，可以學習我的 SQL 教程。

我們可以在最新版的Safari，Chrome和Opera中使用Web SQL 資料庫。

核心方法

下面是規範中定義的三個核心方法。也會涵蓋在本教程中：

最後也是第五個參數，創建回調會在創建資料庫後被調用。然而，即使沒有這個特性(功能)，運行時仍然會創建資料庫以及正確的版本。

執行查詢

執行查詢需要使用 database.transaction() 函數。這個函數需要一個參數，它是一個負責實際執行查詢的函數，如下所示：

上面的查詢語句會在 "mydb" 資料庫中創建一個叫做的 LOGS 的表。

插入操作

為了在表中創建條目，我們在上面的例子中加入簡單的 SQL 查詢，如下所示：

創建條目時還可以傳遞如下所示的動態值：

這裡的 e_id 和 e_log 是外部變數，executeSql 會映射數組參數中的每個條目給 "?"。

讀取操作

要讀取已經存在的記錄，我們可以使用回調來捕獲結果，如下所示：

最終示例

最後，然我們把這個例子放到如下所示的完整 HTML5 文檔中，然後嘗試在 Safari 瀏覽器中運行它：

在最新版的 Safari 或者 Opera 瀏覽器中這會生成如下所示結果：

便於學習這一概念 - 請使用最新版的 Safari 或者 Opera 進行

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！