HTML5 的确比较有意思

2010-11-18 14:53| 发布者: dalaohu | 查看: 2865| 原文链接

刚做了个HTML5 的小code，离线web database, 数据全部存在client 的browser。

实际用途的话，比如你把足迹的内容抓来都，可以都存在客户端，用户在手机的native app里浏览本地的离线数据，你想想那个速度哦。。。

<script language="javascript" type="text/javascript">
var db = null;

initDB();
insertData();
selectData();

function initDB() {
      try {
         db = window.openDatabase("TestDB2", "", "Test db", 1024 * 1000);

         if (db) {
            db.transaction(function (tx) {
                  tx.executeSql("CREATE TABLE IF NOT EXISTS Users (id INTEGER UNIQUE, Fname TEXT)", []);
            });
         } else {
            alert("error trying to open db");
         }
      } catch (e) {
         alert("error");
      }
}

function insertData() {
      try {
         db.transaction(function (tx) {
            tx.executeSql("INSERT INTO Users (id, Fname) values (1, 'Tom')");
         });
      } catch (e) {
         alert(e);
      }
}

function selectData() {
      try {
         db.transaction(function (tx) {
            tx.executeSql("SELECT id, Fname FROM Users", [], function (tx, results) {
                  $("#status").append("Total Rows: " + results.rows.length);
                  for (var i = 0; i < results.rows.length; i++) {
                     $("#status").append("<br/>" + results.rows.item(i).id + " --- " + results.rows.item(i).Fname + "<br/>");
                  }
            });
         });
      } catch (e) {
         alert(e);
      }
}

</script>

<!DOCTYPE html>
<div id="status"></div>

		自动登录	找回密码
密码			注册