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校驗

分享到: 更多
大乐透5十2准确预测 幸运赛车pk10怎么玩法 幸运飞艇在线单期计划 旺旺棋牌代理 重庆时时历史开奖记录 七星彩投号技巧 看牌抢庄牛牛4张概率分析 双色球兑奖查询器 幸运飞艇开奖软件app下载 七星彩大奖技巧 重庆时时三星基本走势 北京单场投注技巧 福彩3d模拟投注复试 北京pk10跨度怎么图解 免费单机麻将游戏 云南时时票开奖号码