时间:2021-07-01 10:21:17 帮助过:23人阅读
实例如下:
<!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中表单新增属性的分析
以上就是通过phonegap操作数据库的的教程详解的详细内容,更多请关注Gxl网其它相关文章!