Html5 web sql database

HTML5 Web SQL

Html5數據庫API是以一個獨立規范形式出現，它包含三個核心方法： 

1、openDatabase：這個方法使用現有數據庫或創建新數據庫創建數據庫對象。

2、transaction：這個方法允許我們根據情況控制事務提交或回滾。

3、executeSql：這個方法用于執行真實的SQL查詢。

一: 打開數據庫， 如果數據庫不存在，創建數據庫

var dataBase = openDatabase("sales_address", "1.0", "店鋪位置表", 1024 * 1024);
    if (!dataBase) {
        alert("數據庫創建失敗！");
     } else {
        alert("數據庫創建成功！");
}

講解：

openDatabasek中五個參數分別為：數據庫名、版本號、描述、數據庫大小 。

二: 創建表

dataBase.transaction(function(tx) {
    tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
});

三: 添加數據

dataBase.transaction(function(tx) {
    tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "菜鳥教程")');
    tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.runoob.com")');
    tx.executeSql('INSERT INTO LOGS (id, log) VALUES( ? , ? )', [e_id, e_log]);
});

講解：

添加數據 可以使用 外部 變量， 用 ？占位， e_id , e_log 為外部變量

四:  查詢數據

dataBase.transaction(function(tx) {
    tx.executeSql('SELECT * FROM LOGS', [],
    function(tx, results) {
      var len1 = results.rows.length,
        j;
        for (j = 0; j < len1; j++) {
        alert(results.rows.item(j).log);
    }
    }, null);
 });

五: 刪除數據

dataBase.transaction(function(tx) {
    tx.executeSql('delete from logs where id=?', [2]);
});

講解:

刪除條件也可以使用 外部變量， 跟添加同理， 用？占位

來自： http://my.oschina.net/furw/blog/599789