Phonegap を使用して SQLite にデータを挿入しようとしています。
以下のようにハードコードすると正常に動作します
tx.executeSql('DROP TABLE IF EXISTS DEMO');
tx.executeSql('DROP TABLE IF EXISTS DEMO');
tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
しかし、以下のようにフォームから動的な値を挿入しようとすると
var third = $('#data').val();
alert(third);
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (3,'+ third +')');
以下のようにlogcatで例外が発生します
04-18 12:20:51.011: I/SqliteDatabaseCpp(7352): sqlite returned: error code = 1, msg = no such column: test, db=/data/data/com.eyepax.phonegap/databases/webview.db
私はとても迷っていて、問題を理解できませんでした。誰か助けてください。
完全なjsファイルは以下のようになります
function onDeviceReadyStorage() {
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(populateDB, errorCB, successCB);
}
function populateDB(tx) {
tx.executeSql('DROP TABLE IF EXISTS DEMO');
tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
var third = $('#data').val();
alert(third);
tx.executeSql('INSERT INTO DEMO (id, data) VALUES (3,'+ third +')');
}
function errorCB(err) {
alert("Error processing SQL: "+err.code);
}
function successCB() {
alert("success!");
alert("now query...");
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(queryDB, errorCB);
}
function queryDB(tx) {
tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);
// alert("came to query");
}
function querySuccess(tx, results) {
//alert("Query sucess");
// this will be empty since no rows were inserted.
console.log("Insert ID = " + results.rows.item(0).data);
// this will be 0 since it is a select statement
console.log("Rows Affected = " + results.rowsAffected);
// the number of rows returned by the select statement
console.log("Insert ID = " + results.rows.length);
var htmlString = "<ul>";
for(var i = 0; i<results.rows.length; i++){
console.log("Result from DB = " + results.rows.item(i).data);
htmlString = htmlString + "<LI>"+ results.rows.item(i).data +"</LI>"
}
htmlString = htmlString + "</UL>";
$('#myDBData').html(htmlString);
}