Question

我正在尝试创建我的第一个phonegap应用程序（针对iOS）。该应用程序的目的非常简单，但我使用SQL Lite数据库运行一些错误。目标只是在数据库中保存用户的一些设置，然后根据它显示一些常规统计信息。因此应用程序应该能够插入/更新用户设置（性别，县，年龄）。数据库最终应该是一个全局数据库，包含所有用户输入，然后根据它显示统计信息 - 但是对于我正在制作的原型，本地数据库很好。

从在线教程创建/插入/更新/选择数据库的代码对我来说很好，但没有真正发生。我甚至不确定数据库是否真的被创建了，这应该是根据phonegap docs？

// SCRIPT CODE //

var db; 
var shortName = 'WebSqlDB'; 
var version = '1.0'; 
var displayName = 'WebSqlDB'; 
var maxSize = 200000;

function onDeviceReady() {
    var db = window.openDatabase(shortName, version, displayName, maxSize); 
}

function errorHandler(transaction, error) { 
    alert('Error: ' + error.message + ' code: ' + error.code); 
}

function successCallBack() { 
    alert("DEBUGGING: success"); 
}

init(){
    alert("DEBUGGING: we are in the onBodyLoad() function");
    if (!window.openDatabase) {
        alert('Databases are not supported in this browser.'); 
        return;
    }
    db.transaction(function(tx){
        tx.executeSql( 'CREATE TABLE IF NOT EXISTS User(UserId INTEGER NOT 
    NULL PRIMARY KEY, County TEXT NOT NULL, Gender TEXT NOT NULL, Age INTEGER NOT NULL)', [],nullHandler,errorHandler); 
    },errorHandler,successCallBack);
        }
    $('#lbUsers').html('');
    db.transaction(function(transaction) { 
       transaction.executeSql('SELECT * FROM User;', [], 
         function(transaction, result) { 
          if (result != null && result.rows != null) { 
            for (var i = 0; i < result.rows.length; i++) { 
              var row = result.rows.item(i); 
              $('#lbUsers').append('<br>' + row.UserId + '. ' + 
    row.County + ' ' + row.Gender + ' ' + row.Age); 
            } 
          } 
         },errorHandler); 
     },errorHandler,nullHandler);
   return; 
}

function AddValueToDB() { 
    if (!window.openDatabase) { 
       alert('Databases are not supported in this browser.'); 
       return; 
     }
    db.transaction(function(transaction) { 
       transaction.executeSql('INSERT INTO User(County, Gender, Age) 
    VALUES (?,?,?)',[$('#txCounty').val(), $('#txGender').val(), $('#txAge').val()], 
         nullHandler,errorHandler); 
       });
    ListDBValues(); 

     return false; 
}

// HTML CODE //

<form>
    <label for="county">County:</label>
    <input id="txCounty" type="text" name="county" id="county" value="" placeholder="County" />
    <fieldset data-role="controlgroup" data-type="horizontal">
    <legend>Gender:</legend>
    <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2a" value="male" checked="checked">
    <label for="radio-choice-h-2a">Male</label>
    <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2b" value="female">
    <label for="radio-choice-h-2b">Female</label>
    </fieldset>
    <label for="age">Age:</label>
    <input type="number" name="age" id="txAge" value="" placeholder="Age" />
    <input type="button" value="Add record" onClick="AddValueToDB()">
    <input type="button" value="Refresh" onClick="ListDBValues()">
</form>
<span style="font-weight:bold;">Currently stored values:</span> 
<span id="lbUsers"></span>

在控制台中，它表示'ListDBValues，AddValueToDB和init未定义'。我知道我把init作为我的onDeviceReady .. 我真的需要一些指导方针！非常感激！：）

Answer 1

使用lint检查您的javascript：http://www.javascriptlint.com/

$ jsl process yourcode.js

phonegap js无声地失败，lint可以帮助您调试代码。

使用用户设置创建PhoneGap SQLite DB

1 个答案: