ホームページ > 記事 > ウェブフロントエンド > PhoneGapの使い方入門 (8)データベースの操作
次のエディターは、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>
以上がPhoneGapの使い方入門 (8)データベースの操作の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。