下面小編就為大家帶來一篇使用phonegap操作數據庫的實現方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
實例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Database Example</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { var db=window.openDatabase("Test","1.0","Test",200000); db.transaction(populateDB,errorDB,successDB); } //初始化數據庫數據 function populateDB(tx){ tx.executeSql('DROP TABLE IF EXISTS test1'); tx.executeSql('CREATE TABLE IF NOT EXISTS test1 (id unique,name)'); tx.executeSql('INSERT INTO test1(id,name) VALUES(1,"Tony")'); tx.executeSql('INSERT INTO test1(id,name) VALUES(2,"Bill")'); tx.executeSql('INSERT INTO test1(id,name) VALUES(3,"Tony")'); } //查詢方法 function queryDB(tx){ tx.executeSql('SELECT * FROM test1',[],querySuccess,errorDB); } //查詢成功回調 function querySuccess(tx,results){ var len=results.rows.length; var status=document.getElementById("status"); var string ="Rows:"+len+"<br />"; for(var i=0;i<len;i++){ string+=results.rows.item(i).name+"<br />"; } status.innerHTML=string; } //執行初始化數據成功后的回調 function successDB(){ var db=window.openDatabase("Test","1.0","Test",200000); db.transaction(queryDB,errorDB); } //失敗回調 function errorDB(err){ alert('Error processing SQL:'+err.code); } </script> </head> <body> <h1>Names</h1> <p id='status'></p> </body> </html>
【相關推薦】
1. Javacript免費視頻教程
2. 為什么現在HTML5的優勢越來越大
3. li inside-block在IE11換行無效的原因
4. 如何在網站上添加谷歌定位信息
5. 對HTML5中表單新增屬性的分析