Javascript Android的Phone gap，创建数据库，插入值，在表视图中检索

我是Android Phone gap的新手。我想创建一个数据库，插入值并在表视图中显示这些值。请告诉我如何执行此操作。我建议查看Phone gap提供的。有关数据库和本地存储的查询，请签出。快乐应用程序建设

我是这样做的：

这是我的javascript：

<script type="text/javascript">

            var firstNameBox=null;
            var lastNameBox=null;
            var=null;
            var dataTable=null; <!-- Called when phonegap javascript is loded -->

            function onDeviceReady()
            {
                var addButton = document.getElementById("add");
                firstNameBox = document.getElementById("firstName");
                lastNmaeBox = document.getElementById("lastName");
                dataTable = document.getElementById("data-table");

                db=Window.openDatabase("contactDB",1.0,"Contact Database,1000000"); <!--name,version,display name,size -->
                addButton.addEventListener("click",function(){
                    db..transaction(
                    <!-- SQL Statments -->
                    funnction(tx){
                        ensureTableExists(tx);
                        var firstName= firstNameBox.value;
                        var lastNameBox.value;

                        var sql='INSERT INTO Contacts(firstName,lastName) VALUES ("'+firstName+'","'+lastName+'")';
                        tx.executeSql(sql);
                    },
                    //error callback
                    function(err){
                        alert("error callback"+err.code);
                    },
                    //success callback
                    function(err){
                        loadFromDB();
                    });

                },false);
                loadFromDB();
            }

            loadFromDB();
            }

            function loadFromDB(){
                db.transaction(
                //function sql statements

                function(tx){
                    ensureTableExists(tx);
                    tx.executeExists('SELECT *FROM Contacts',[],function(tx,results){
                        var htmlStr="";
                        for(var index=0;index<results.rows.length;index++){
                            var item = result.rows.item(index);
                            htmlStr=htmlStr+"<tr><td>"+item.firstName+"</td><td>"+item.lastName+"</td><td><button onclick=\"deleteEntry('"+item.id+"');\">X</button></td></tr>";
                        }
                        dataTable.innerHTML=htmlStr;},function(err{
                            alert("Unable to fetch result from Contacts Table");
                        });
                },
                //error CallBack
                function(err){
                    alert("error callBack"+err.code+""+err.message);
                },
                //Success CallBack
                function(){
                    firstNameBox.value = "";
                    lastNameBox.value ="";
                });
                    }
                function deleteEntry(id){
                    db.transaction(
                    //function sql statements
                    function(tx){
                        ensureTableExists(tx);
                        tx.executeSql('Delete FROM Contacts where id'+id);
                    },
                    //eror callback
                    function(err){
                        alert("error callback"+err.code+" "+err.message);
                    },
                    //success callback
                    function(err){
                        loadFromDB();
                    });
                }   

                function ensureTableExists(tx){
                    tx.executeSql('CREATE TABLE IF NOT EXISTS Contacts(id INTEGER PRIMARY KEY,firstName,lastName)');
                }
                //Called when browers is loded
                function init(){
                    document.addEventListener("deviceready",onDeviceReady,false);
                }
        </script>

var firstNameBox=null；
var lastNameBox=null；
var=null；
var dataTable=null；
函数ondevicerady（）
{
var addButton=document.getElementById（“添加”）；
firstNameBox=document.getElementById（“firstName”）；
lastNmaeBox=document.getElementById（“lastName”）；
dataTable=document.getElementById（“数据表”）；
db=Window.openDatabase（“contactDB”，1.0，“联系人数据库，1000000”）；
addButton.addEventListener（“单击”，函数（）{
db..事务(
功能（德克萨斯州）{
确保存在（tx）；
var firstName=firstNameBox.value；
var lastNameBox.value；
var sql='INSERT-INTO Contacts（firstName，lastName）值（“'+firstName+”，“'+lastName+”）；
tx.executeSql（sql）；
},
//错误回调
功能（err）{
警报（“错误回调”+错误代码）；
},
//成功回调
功能（err）{
loadFromDB（）；
});
}，假）；
loadFromDB（）；
}
loadFromDB（）；
}
函数loadFromDB（）{
数据库事务(
//函数sql语句
功能（tx）{
确保存在（tx）；
tx.executeExists（'SELECT*FROM Contacts'，[]，函数（tx，results）{
var htmlStr=“”；
对于（var指数=0；指数
<body onload="init()">

    <h3>Database Table View</h3>

    <table border="1">
    <tr> <td> <b>First Name</b> </td>
         <td> <b>Last Name</b> </td>
         <td> <b>Action</b> </td>  
    </tr>
    </table>

   <table id="data-table"></table>

   <table> <tr> <td> <input id="firstName" type="text"></input></td>
   <td><button id="add">Add</button></td></tr></table>
    </body>