zoukankan      html  css  js  c++  java
  • HTML5 Web SQL 数据库操作

    Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。

    以下是规范中定义的三个核心方法:

    1. openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
    2. transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
    3. executeSql:这个方法用于执行实际的 SQL 查询。

    openDatabase() 方法对应的五个参数说明:

    ①数据库名称            ②版本号            ③描述文本              ④数据库大小              ⑤创建回调

    代码如下

    var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);

    执行操作使用 database.transaction() 函数:

    var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
    db.transaction(function (tx) {  
       tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
    });

    这样就会在mydb中插入一个 LOGS的表

    在执行上面的创建表语句后,我们可以插入一些数据:

    var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
    db.transaction(function (tx) {
       tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
       tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "啦啦啦")');
       tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.baidu.com")');
    });

    如何读取数据库中已经存在的数据:

    var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
     
    db.transaction(function (tx) {
       tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
       tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "菜鸟教程")');
       tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.runoob.com")');
    });
     
    db.transaction(function (tx) {
       tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {
          var len = results.rows.length, i;
          msg = "<p>查询记录条数: " + len + "</p>";
          document.querySelector('#status').innerHTML +=  msg;
        
          for (i = 0; i < len; i++){
             alert(results.rows.item(i).log );
          }
        
       }, null);
    });
  • 相关阅读:
    十七:CSS之CSS继承和层叠
    十六:CSS之CSS选择器之后代选择器、伪类选择器
    十五:CSS之CSS选择器之群组选择器、全局选择器
    十四:CSS之CSS选择器之标签选择器、类选择器、ID选择器
    Android开发技巧——ViewPager加View情况封装PagerAdapter的实现类
    JAVA知识笔记
    机器学习笔记
    设计模式学习
    Android小知识汇总
    判断GPS是否开启&转到设置GPS界面
  • 原文地址:https://www.cnblogs.com/dsmf/p/7106882.html
Copyright © 2011-2022 走看看