html5 本地數據庫-Web SQL Database

 html5增加新的特性,那就是增加了本地存儲!改善用戶體驗,或許html5會帶着我們走進新的互聯網時代。

下面看看怎樣操作web 數據庫吧!!首先新建數據庫!

var db = window.openDatabase("mydata", "1.0","數據庫描述",20000);
//window.openDatabase("數據庫名字", "版本","數據庫描述",數據庫大小);
if(db)  
     alert("新建數據庫成功!");

這裏只是粗略的講一講,如果想看詳細的說明可以參考其他的教程,也請見諒了!

怎樣操作數據庫呢?

db.transaction(function(tx) {
 tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");
});

上面是新建數據表!本地數據庫是通過db.transaction()函數來實現的,再看下面的代碼吧!

插入記錄:

db.transaction(function(tx) {
 tx.executeSql("INSERT INTO test (mytitle, timestamp) values(?, ?)", ["WEB Database", new Date().getTime()], null, null);
});

更新記錄:

db.transaction(function(tx) {
 tx.executeSql("update test set mytitle=? where mytitle = 'fsafdsaf'",['xp'],null,null);
});

查詢記錄:

db.transaction(function(tx) {
 tx.executeSql("SELECT * FROM test", [],  
  function(tx, result) {
   for(var i = 0; i < result.rows.length; i++){ 
   document.write('<b>' + result.rows.item(i)['mytitle'] + '</b><br />'); 
  } 
 }, function(){
  alert("error");
 }); 
});

刪除表:

db.transaction(function(tx) {
 tx.executeSql("DROP TABLE test");
})

其實本地數據庫無非就是幾個藉口而已,如果不瞭解sql語句的,可以參考其他網站的教程!

怎樣查看數據庫是否創建成功呢?google瀏覽裏提供了很人性化的工具,看圖片啦

點擊查看原圖

點擊查看原圖

本地數據庫就介紹到這裏吧

附件下載:
database.rar 765字節

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章