javascript - HTML5SQL 使用 SELECT 语句从 Web 数据库中检索记录

Question

我正在使用 jquery mobile/phonegap 创建一个 iphone webapp，我正在尝试使用 web 数据库。我有大约 700 条记录要插入，并且希望有一个包含 sql 语句的单独文件来创建表并在应用程序第一次运行时插入记录。我决定使用一个名为 html5sql 的小 javascript 模块。因为它给了我在一个事务中执行多个 sql 语句的优势。

例如我可以执行

sql = "CREATE TABLE milestones ( 
       ID       INT( 10 )        NOT NULL,
       Title    VARCHAR( 50 )    DEFAULT NULL,
       mYear    INT( 11 )        NOT NULL);
       INSERT INTO `milestones` VALUES ('2', 'Cotton Mather', '1721');";

使用

 html5sql.process(sql, function(){ //Success}, function(error, failingQuery){//Failure});

代替

transaction.executeSql('CREATE TABLE milestones (ID INT( 10 ) NOT NULL, Title VARCHAR(50 )    DEFAULT NULL, mYear    INT( 11 )        NOT NULL);', [], nullDataHandler, errorHandler); 
transaction.executeSql('INSERT INTO [milestones] ([ID], [Title], [mYear]) VALUES (2, "Cotton Mather", "1721");', [], nullDataHandler, errorHandler); 

htlm5sql 的问题是他们没有任何关于如何使用过程函数和 SELECT 语句从数据库中检索信息并将结果显示在 div block 中的信息。

here is the only short guide for html5sql

谁能帮我解决这个问题？

Answer 1

当然。使用 html5sql 选择数据真的很简单，可以通过以下简单的事情来完成:

html5sql.process(
    ["SELECT * FROM milestones;"],
    function(transaction, results, rowsArray){
      for(var i = 0; i < rowsArray.length; i++){
        //each row in the rowsArray represents a row retrieved from the database
        var id = rowsArray[i].ID;
        var Title = rowsArray[i].Title;
        var mYear = rowsArray[i].mYear;
        console.log("Retrieved Milestone: "+id+" - "+Title+" "+mYear);
      }
    },
    function(error, statement){
      //hande error here           
    }
);

如果你想要一个更深入的例子，我创建了一个 jsfiddle前一段时间，它具有实际工作代码，显示了创建和填充数据库然后选择和检索数据的整个过程。

作为 html5sql 的作者，我对文档的缺乏表示歉意。我正在努力改进网站上的文档并添加更多关于如何做事的实例。