html5本地数据库存储(database storage方式)

通过openDatabase方法创建一个访问数据库的对象

var db = openDatabase(databasename,version,description,size) ;

该方法有四个参数,作用分别为:

databasename:数据库名;

version:数据库版本号,可不填;

description:数据库描述;

size:给数据库分配的空间大小;

使用第一步创建的数据库访问对象(如db)执行transaction方法,用来执行事务处理,关于数据库的所有操作都需要在这里面进行,如执行查询

db.transaction(function(tx)){      

//执行访问数据库的语句  

tx.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)

});  

通过executeSql方法执行查询,就是上面transaction中执行查询用到的方法。通过上面我们可以看出executeSql要在transaction中执行。下面详细介绍一下executeSql的参数和使用。

tx.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)

tx是transaction中传递过来的事务处理对象。

executeSql方法有四个参数,作用分别如下:

sqlQuery:需要具体执行的sql语句,可以是create、select、update、delete;

[value1,value2..]:sql语句中所有使用到的参数的数组,在executeSql方法中,将sql语句中所要使用的参数先用“?”代替,然后依次将这些参数组成数组放在第二个参数中;

dataHandler:执行成功是调用的回调函数,通过该函数可以获得查询结果集;

errorHandler:执行失败时调用的回调函数;

下面就做一个完整的实例,大家可以把代码复制下来存到一个html页面中,用chorme或火狐等支持html5的浏览器查看效果

 

 

 

     

    HTML5本地存储之本地数据库篇  

   

     

 

 

   
     

         

         

       
 

         

         

       
 

         

         

       
 

         

   
 

   
 

   
 

   
 

 

你可能感兴趣的:(页面前端)