PhoneGap中文网

标题: PhoneGap transaction 执行sql语句实现增删改查 [打印本页]

作者: admin    时间: 2013-6-25 19:29
标题: PhoneGap transaction 执行sql语句实现增删改查
PhoneGap transaction 执行sql语句实现增删改查

方法:   
    transaction:运行一个数据库事务。
    changeVersion:该方法允许脚本执行以下原子操作:校验数据库的版本号并更新版本号以完成架构更新。

详述:
调用window.openDatabase()将返回一个Database对象。
Transaction 的简单范例:

  1. function populateDB(tx) {
  2.     tx.executeSql('DROP TABLE DEMO IF EXISTS');
  3.     tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
  4.     tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
  5.     tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
  6. }

  7. function errorCB(err) {
  8.        alert("Error processing SQL: "+err.code);
  9. }

  10. function successCB() {
  11.        alert("success!");
  12. }

  13. var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  14. db.transaction(populateDB, errorCB, successCB);
复制代码
Change Version改变数据库的版本信息简单范例:
  1. var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  2. db.changeVersion("1.0", "1.1");
复制代码
完整的范例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>   
  4. <title>Contact Example</title>

  5. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
  6. <script type="text/javascript" charset="utf-8">

  7.     // 等待加载PhoneGap
  8.     document.addEventListener("deviceready", onDeviceReady, false);
  9.    
  10.     // PhoneGap加载完毕
  11.     function onDeviceReady() {
  12.         var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  13.         db.transaction(populateDB, errorCB, successCB);
  14.     }
  15.    
  16.     // 填充数据库
  17.     function populateDB(tx) {
  18.         tx.executeSql('DROP TABLE DEMO IF EXISTS');
  19.         tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
  20.         tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
  21.         tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
  22.     }
  23.    
  24.     // 事务执行出错后调用的回调函数
  25.     function errorCB(tx, err) {
  26.         alert("Error processing SQL: "+err);
  27.     }
  28.    
  29.     // 事务执行成功后调用的回调函数
  30.     function successCB() {
  31.         alert("success!");
  32.     }

  33. </script>
  34. </head>
  35. <body>
  36.     <h1>Example</h1>
  37.     <p>Database</p>
  38. </body>
  39. </html>
复制代码
Android 1.X 的特异情况:   

    changeVersion:Android 1.X设备不支持此方法。

SQLTransaction
包含允许用户对Database对象执行SQL语句的方法。

executeSql:执行一条SQL语句。

详述:

当你调用Database对象的transaction方法后,其回调函数将被调用并接收一个SQLTransaction对象。用户可以通过多次调用executeSql来建立一个数据库事务处理。


SQLResultSet
当SQLTransaction对象的executeSql方法被调用,将会触发executeSql中设定的回调函数并返回一个SQLResultSet对象。
属性:   

    insertId:SQLResultSet对象通过SQL语句插入到数据库的行记录的行ID。[译注:如果插入多行的时候,返回最后一个行的ID]
    rowAffected:被SQL语句改变的记录行数,如果语句没有影响任何行则设置为0。
    rows:是一个SQLResultSetRowList对象,表示返回的多条记录。如果没有返回任何记录,则此对象为空。

详述:
当你调用SQLTransaction对象的executeSql方法,将会触发executeSql中设定的回调函数并返回一个SQLResultSet对象。该结果对象包含三个属性:第一个是insertID返回成功的SQL插入语句所插入行的ID,如果SQL语句不是插入语句则insertID将不被设定;第二个是rowAffected,在SQL查询操作时此属性总是0,当插入或更新操作时此属性返回受到影响的行数;最后一个属性是SQLResultSetList类型,返回SQL查询语句的返回数据。

Execute SQL的简单范例:

  1. function queryDB(tx) {
  2.     tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);
  3. }

  4. function querySuccess(tx, results) {
  5.     // 因为没有插入记录,所以返回值为空
  6.     console.log("Insert ID = " + results.insertId);
  7.     // 因为这是一条查询语句所以返回值为0
  8.     console.log("Rows Affected = " + results.rowAffected);
  9.     // 返回查询到的记录行数量
  10.     console.log("Insert ID = " + results.rows.length);
  11. }

  12. function errorCB(err) {
  13.     alert("Error processing SQL: "+err.code);
  14. }

  15. var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  16. db.transaction(queryDB, errorCB);
复制代码
完整的范例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>   
  4. <title>Contact Example</title>

  5. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
  6. <script type="text/javascript" charset="utf-8">

  7.     // 等待加载PhoneGap
  8.     document.addEventListener("deviceready", onDeviceReady, false);
  9.    
  10.     // 填充数据库
  11.     function populateDB(tx) {
  12.         tx.executeSql('DROP TABLE DEMO IF EXISTS');
  13.         tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
  14.         tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
  15.         tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
  16.     }
  17.    
  18.     // 查询数据库
  19.     function queryDB(tx) {
  20.         tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);
  21.     }
  22.    
  23.     // 查询成功后调用的回调函数
  24.     function querySuccess(tx, results) {
  25.         // 因为没有插入记录,所以返回值为空
  26.         console.log("Insert ID = " + results.insertId);
  27.         // 因为这是一条查询语句所以返回值为0
  28.         console.log("Rows Affected = " + results.rowAffected);
  29.         // 返回查询到的记录行数量
  30.         console.log("Insert ID = " + results.rows.length);
  31.     }
  32.    
  33.     // 事务执行出错后调用的回调函数
  34.     function errorCB(err) {
  35.         console.log("Error processing SQL: "+err.code);
  36.     }
  37.    
  38.     // 事务执行成功后调用的回调函数
  39.     function successCB() {
  40.         var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  41.         db.transaction(queryDB, errorCB);
  42.     }
  43.    
  44.     // PhoneGap加载完毕
  45.     function onDeviceReady() {
  46.         var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  47.         db.transaction(populateDB, errorCB, successCB);
  48.     }

  49. </script>
  50. </head>
  51. <body>
  52.     <h1>Example</h1>
  53.     <p>Database</p>
  54. </body>
  55. </html>
复制代码
SQLResultSetList

SQLResultSet对象的一个属性,包含SQL查询所返回的所有行数据。

属性:    

    length: SQL查询所返回的记录行数。
方法:

    item:根据指定索引返回一个行记录的JavaScript对象。

详述:
SQlResultSetList包含一个SQL查询语句所返回的数据。该对象包含一个长度属性告知用户有多少符合查询条件的行记录数被返回。通过传递指定的索引给该对象的item方法获取指定的行记录数据,此item方法返回一个JavaScript对象,其属性包含前述查询语句所针对的数据库的所有列。
支持的平台:   


Execute SQL的简单范例:

  1. function queryDB(tx) {
  2.        tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);
  3. }

  4. function querySuccess(tx, results) {
  5.        var len = results.rows.length;
  6.        console.log("DEMO table: " + len + " rows found.");
  7.        for (var i=0; i<len; i++){
  8.            console.log("Row = " + i + " ID = " + results.rows.item(i).id + " Data =  " + results.rows.item(i).data);
  9.        }
  10. }

  11. function errorCB(err) {
  12.        alert("Error processing SQL: "+err.code);
  13. }

  14. var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  15. db.transaction(queryDB, errorCB);
复制代码
完整的范例:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>   
  4. <title>Contact Example</title>

  5. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
  6. <script type="text/javascript" charset="utf-8">

  7.     // 等待加载PhoneGap
  8.     document.addEventListener("deviceready", onDeviceReady, false);
  9.    
  10.     // 填充数据库
  11.     function populateDB(tx) {
  12.         tx.executeSql('DROP TABLE DEMO IF EXISTS');
  13.         tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
  14.         tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
  15.         tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
  16.     }
  17.    
  18.     // 查询数据库
  19.     function queryDB(tx) {
  20.         tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);
  21.     }
  22.    
  23.     // 查询成功后调用的回调函数
  24.     function querySuccess(tx, results) {
  25.         var len = results.rows.length;
  26.         console.log("DEMO table: " + len + " rows found.");
  27.         for (var i=0; i<len; i++){
  28.             console.log("Row = " + i + " ID = " + results.rows.item(i).id + " Data =  " + results.rows.item(i).data);
  29.         }
  30.     }
  31.    
  32.     // 事务执行出错后调用的回调函数
  33.     function errorCB(err) {
  34.         console.log("Error processing SQL: "+err.code);
  35.     }
  36.    
  37.     // 事务执行成功后调用的回调函数
  38.     function successCB() {
  39.         var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  40.         db.transaction(queryDB, errorCB);
  41.     }
  42.    
  43.     // PhoneGap加载完毕
  44.     function onDeviceReady() {
  45.         var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
  46.         db.transaction(populateDB, errorCB, successCB);
  47.     }

  48. </script>
  49. </head>
  50. <body>
  51.     <h1>Example</h1>
  52.     <p>Database</p>
  53. </body>
  54. </html>
复制代码
SQLError
出现错误时,将抛出一个SQLError对象。
属性:   

    code: 一个在下面常量列表中定义好的错误代码c。
    message:关于此错误的说明。

常量:

    SQLError.UNKNOWN_ERR:未知错误
    SQLError.DATABASE_ERR:数据库错误
    SQLError.VERSION_ERR:版本错误
    SQLError.TOO_LARGE_ERR:数据集过大错误
    SQLError.QUOTA_ERR:超过数据库配额错误
    SQLError.SYNTAX_ERR:语法错误
    SQLError.CONSTRAINT_ERR:约束错误
    SQLError.TIMEOUT_ERR:超时错误

说明:
操作数据库出现错误时,将抛出一个SQLError对象。



作者: IfNotMe    时间: 2014-3-25 17:34
我如果要,动态取数据,并遍历数据 进行数据库操作 怎么处理。
作者: 宋国庄风风    时间: 2014-4-1 15:14
有没与demo啊
作者: Shaw    时间: 2015-4-29 08:36
html5 是趋势
作者: 闲来巫师    时间: 2015-4-29 10:46
很不错,不错,学习学习。跨平台得顶起
作者: 冷月弯刀    时间: 2015-4-30 03:03
好帖就是要顶 学习学习 html5趋势不可挡啊,虽然还在学习阶段
作者: 一心    时间: 2015-4-30 05:04
人不错,学习学习 感觉phonegap+html越来越火了。
作者: 庆典通知    时间: 2015-4-30 09:59
非常好 感谢 开始学习html5 app开发了




欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2