HTML5 Indexed Database API 入門(4) - 開啟資料庫

HTML5 Indexed Database API 入門系列

在前一篇「HTML5 Indexed Database API 入門(3) - 建立資料庫連線」中,討論了 IDBFactory ,並且解釋了相關的成員,現在我們實作一個範例,來看看如何開啟資料庫。

這個範例的網頁檔案,沒有任何內容,主要為了測試開啟資料庫連線的程式碼,當網頁載入時,會直接開啟指定資料庫的連線,出現以下的訊息:


這個訊息出現,表示已經完成一個指定資料庫的開啟作業,以下為網頁的內容程式碼:

<!DOCTYPE html>
<html>
<head>
    <title>開啟與關閉資料庫連線</title>
    <script>
        var db;
        var request = webkitIndexedDB.open('KTMS');
        request.onerror = function (event) {
            alert(event.target.errorCode);
        };
        request.onsuccess = function (event) {
            db = event.target.result;
            alert('資料庫開啟[readyState' + this.readyState + ']');
        };     
    </script>
</head>
<body >
</body>
</html>

一開始網頁載入,調用 open 開啟名為 KTMS 的資料庫,然後於onsuccess 事件屬性函式中,取得資料庫物件儲存於 db 變數,並且調用 readyState 屬性,顯示目前的狀態。

根據對的說明,當你第一次開啟資料庫 KTMS ,由於它不存在,因此會建立一個新的資料庫,後續再次調用 open() 時,則會自動將其開啟。

這個範例最重要的,在於其開啟資料連線,並且取得資料庫物件 db ,此物件由 IDBDatabase 所定義,接下來所有資料操作,都將這裏開始。

沒有留言: