DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML5本地數據庫基礎操作詳解
HTML5本地數據庫基礎操作詳解
編輯:HTML5教程     

下面分別介紹本地數據庫的各個API及其使用方法。

1、利用openDatabase創建數據庫

我們可以利用openDatabase方法創建數據庫。openDatabase方法傳遞五個參數,分別是:數據庫名、數據庫版本號(可省略)、對數據庫的描述、設置分配的數據庫的大小、回調函數。

如果我們要創建一個本地數據庫,可以執行如下代碼:

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

這樣就創建了一個用戶信息表。之後可以對創建的本地數據庫是否成功進行驗證:

SQL Code復制內容到剪貼板
  1. if(!dataBase){     
  2. alert(“The database has been created successfully!”);     
  3. }else{     
  4. alert(“The database has not been successfully created.”)     
  5. }if(!dataBase){     
  6. alert(“The database has been created successfully!”);     
  7. }else{     
  8. alert(“The database has not been successfully created.”)     
  9. }     
  10.   

2、利用executeSql方法執行sql語句

使用executeSql方法,我們可以直接執行正常的sql語句,如下:

context.executeSql(‘INSERT INTO testTable(id,name) VALUES (1,”Martin”)’);

當然,這裡只體現了executeSql的功能,並沒有確切說明executeSql方法怎麼用,用在哪裡。要想使用該方法就必須介紹transaction。

3、利用transaction處理事務

該方法用來處理事務,可以傳遞三個參數:包含事務內容的一個方法、執行成功的回調函數、執行失敗的回調函數(後兩者可以省略)。

結合transaction和executeSql,我們就可在我們之前創建的數據庫中添加創建數據表並添加數據了,代碼如下:

JavaScript Code復制內容到剪貼板
  1. myWebDatabase.transaction(function (context) {     
  2.            context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)');     
  3.            context.executeSql('INSERT INTO testTable (id, name) VALUES (0, "Byron")');     
  4.            context.executeSql('INSERT INTO testTable (id, name) VALUES (1, "Casper")');     
  5.            context.executeSql('INSERT INTO testTable (id, name) VALUES (2, "Frank")');     
  6.          });     
  7.   

sql語句的含義不多解釋,但從這裡已經可以很明白的看出如何在本地數據庫中,想在一般數據庫中一樣創建數據庫數據表並添加數據了。

以上就是本文的全部內容,希望對大家的學習有所幫助。

本文鏈接:http://blog.csdn.net/fareise/article/details/50786594

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved