<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0" />
<title>Sample</title>
<script src="cordova-2.7.0.js" type="text/javascript"></script>
<script type="text/javascript">
if (!navigator.userAgent.toLowerCase().match('chrome')) {
document.write("<script src='phonegap.js'><\/script>");
}
</script>
</head>
<body onload="onLoaded()">
<script>
// 當DOM載入完畢，註冊deviceready事件
function onLoaded() {
// 註冊deviceready事件監聽，指定deviceready事件處理函數
document.addEventListener("deviceready", onDeviceReady, false);
}
// deviceready事件處理函數，PhoneGap完成載入後調用該函數
function onDeviceReady() {
// [01]========================================================
// 創建資料庫或建立連接
try{
var db = window.openDatabase('mydb', '1.0',
'我的第一個用戶端資料庫',
2 * 1024 * 1024);
}catch(err){
alert(err.message);
}
if(!db) alert("不能連接到資料庫！");
// [02]========================================================
// 執行事務
db.transaction(callback);
}
// [03]===========================================================
// 事務操作的回調函數
function callback(tx){
// 在事務中執行SQL操作
var sql;
// 創建資料庫表的結構
sql = "CREATE TABLE employees(firstName TEXT,lastName TEXT,EmpType TEXT,age INTEGER)";
tx.executeSql(sql);
// 插入資料記錄
sql = "INSERT INTO employees (firstName,lastName,EmpType,age) VALUES ('myFirst','myLast','myEmpType',40)";
tx.executeSql(sql);
// 插入資料記錄
sql = "INSERT INTO employees (firstName,lastName,EmpType,age) VALUES (?,?,?,?)";
tx.executeSql(sql, ['myFirst2','myLast2','myEmpType2',20]);
// 查詢資料記錄
sql = "SELECT * FROM employees";
tx.executeSql(sql, [], queryResult, queryError);
}
// [04]===========================================================
// SQL操作的成功回調函數
function queryResult(tx, result){
try{
// 獲取所有記錄行
var rowList = result.rows;
// 獲取每個記錄行
for(var i=0;i<rowList.length;i++){
var row = rowList.item(i);
// 獲取每個記錄行的內容：列名和值
for(var j in row){
document.writeln(j + "=" + row[j] + "<br />");
}
}
}catch(err){
alert(err.message);
}
}
// SQL操作的失敗回調函數
function queryError(tx, err){
alert(err.message);
}
</script>
</body>
</html>
留言列表
