HTML5-Web SQL數據庫

Web SQL數據庫API并不是HTML5規范的一部分,但是它是一個獨立的規范,引入了一組使用SQL操作客戶端數據庫的API。

核心方法

  openDatabase-使用現有的數據庫或者新建的數據庫創建一個數據庫對象

  transaction-能夠控制一個事物,以及基于這種情況執行提交或者回滾

  executeSql-執行實際的SQL語句

打開數據庫

//用openDatabase()方法打開已存在的數據庫,如果數據庫不存在,則會創建一個新的數據庫
var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);

 

openDatabase() 方法對應的五個參數說明:

  1. 數據庫名稱

  2. 版本號

  3. 描述文本

  4. 數據庫大?。ㄗ紙冢?/p>

  5. 創建回調(可?。?/p>

第五個參數,創建回調會在創建數據庫后被調用。

創建表

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {  
   tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
});

 

插入數據

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {
   tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "博客園")');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.cnblogs.com")');
});

 

也可以使用動態值插入數據

//e_id 和 e_log 是外部變量,executeSql 會映射數組參數中的每個條目給 "?"
var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {  
  tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
  tx.executeSql('INSERT INTO LOGS (id,log) VALUES (?, ?)', [e_id, e_log]);
});

 

讀取數據

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
 
db.transaction(function (tx) {
   tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "博客園")');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.cnblogs.com")');
});
 
db.transaction(function (tx) {
   tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {
      var len = results.rows.length;
      msg = "<p>查詢記錄條數: " + len + "</p>";
      document.querySelector('#status').innerHTML +=  msg;
    
      for (i = 0; i < len; i++){
          msg = "<p><b>" + results.rows[i].log + "</b></p>";
      }
    
   }, null);
});

 

刪除記錄

db.transaction(function (tx) {
    tx.executeSql('DELETE FROM LOGS  WHERE id=1');
});

 

刪除數據也可以是動態的

db.transaction(function(tx) {
    tx.executeSql('DELETE FROM LOGS WHERE id=?', [id]);
});

 

更新記錄

tx.executeSql("UPDATE CC SET logname='www.baidu.com' WHERE id=2");

 

更新數據也可以是動態的

tx.executeSql("UPDATE CC SET logname='www.baidu.com' WHERE id=?", [id]);

 

注意:刪除和修改不可以和建表語句放一個executeSql里,最好都分開寫

以下是建好的數據庫

來源:itnose

上一篇: 帶你零基礎學習HTML5

下一篇: jQuery.validate 的form校驗

分享到: 更多
体彩11选5任三稳赚 pk10不定位34567打法 彩票投弹 微信猜大小单双如何玩 三公玩法 北京pk10专业计划八码 特区彩票网七星彩论坛开心网 炸金花的技巧与经验 江苏时时 赛车6码稳公式 龙虎赢钱的规律技巧 pk10挂机软件手机软件 必赢客手机版计划pk10 时时彩技巧软件 11选5技巧稳赚任三 欢乐二人雀神作弊器