码迷,mamicode.com
首页 > Web开发 > 详细

部分增强Web技术(1)

时间:2019-09-20 18:49:54      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:sele   oda   否支持   实例   查询   class   error   格式   nod   

一、Web SQL 数据库

Web SQL是一个独立的规范,引入了一组使用SQL操作客户端数据库的API(应用编程接口)Web SQL数据库可以在最新版的Safari、ChromeOpera浏览器中工作。可用如下方式判断浏览器是否支持Web SQL

if(window.openDatabase){

console.log(“浏览器支持Web SQL”);

}

 

Web SQL规范中定义了三个核心方法:

openDatabase打开现有的数据库或者创建一个数据库对象(新建数据库)

transaction:控制事务,以及基于这种情况执行提交或者回滚操作

executeSql:执行实际的SQL查询

 

1.打开数据库

可以使用openDatabase()方法来打开已存在的数据库,如果数据库不存在,则会创建一个新的数据库,使用代码如下:

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

openDatabase(‘数据库名称’, ’版本号’, ’描述文本’, ’数据库大小’, ’创建回调’),创建回调参数会在创建数据库后被调用。

 

2.创建表

var db = openDatabase(‘mydb‘, ‘1.0‘, ‘Test DB‘, 2 * 1024 * 1024);
db.transaction(function(tx){// 执行操作使用database.transaction()函数
    tx.executeSql(‘CREATE TABLE IF NOT EXISTS LOGS (id unique, name)‘);
});

 

3.插入数据

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

tx.executeSql(‘INSERT INTO LOGS (id, name) VALUES (1, "zhangsan")‘);
tx.executeSql(‘INSERT INTO LOGS (id,log) VALUES (?, ?)‘, [e_id, e_name]);

 

4.读取数据

以下实例演示了如何读取数据库中已经存在的数据:

db.transaction(function(tx){
        tx.executeSql(‘SELECT * FROM LOGS‘, [], function(tx, results){
            var len = results.rows.length, i;   
            for (i = 0; i < len; i++){
                console.log(results.rows.item(i));
            }
           }, null);
});

    db.transaction(function(tx){
        tx.executeSql(‘SELECT * FROM LOGS WHERE ID = ?‘, [1], function(tx, results){
            var len = results.rows.length, i;
            for (i = 0; i < len; i++){
                console.log(results.rows.item(i));
            }
        }, function(tx,error){
console.log(“NoData”);
        })
});

 

5.删除数据

删除数据使用的格式如下:

db.transaction(function(tx){
    tx.executeSql(‘DELETE FROM LOGS WHERE id=1‘);
});

 

6.更新数据

db.transaction(function(tx){
    tx.executeSql(‘UPDATE LOGS SET log=\‘www.w3cschool.cc\‘ WHERE id=2‘);
});

 

部分增强Web技术(1)

标签:sele   oda   否支持   实例   查询   class   error   格式   nod   

原文地址:https://www.cnblogs.com/wodeqiyuan/p/11558733.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!