Web SQL:

Web SQL是一种简单的存在服务器中的数据库,运行在javascript脚本中,其数据储存在计算机Application中Web SQL中。

web sql提供了三个核心方法:

1.openDatabase(‘dbname’,‘edition’,‘explain’,‘size’),此方法用于查找数据库,如果没有则会创建一个新的数据库,其参数依次代表:数据库名称,版本号,描述文本,数据库大小。

2.transaction(),用于控制一个数据库,里面传入一个函数,函数的参数作为操作数据库的对象。

3.executeSql(sql,),用于执行SQL语句;参数一表示执行的SQL语句;参数二表示行分隔符,当返回的结果有多行时,使用此参数做为行分隔符,一般情况下传入null或[],不传会报错;参数三可传入一个函数,函数的第二个参数则为数据对象;参数四为SQL语句查询时的参数,常用于where SQL语句查询。

web sql增删改查案例:

 <script>// 1.查询或创建一个web数据库:var db = openDatabase('mywebdbs', '1.0', 'Test DB', 1 * 1024 * 1024);// 2.transaction对数据库db进行操作,里面传入函数,函数参数为被操作对象:(数据库的增)db.transaction(function(dbtest) {// 1.通过executeSql执行SQL语句,create table if not exists CHART,来判断是否存在表CHART,不存在则创建名为CHART的表dbtest.executeSql('CREATE TABLE IF NOT EXISTS CHART (id unique, log)');// 2.通过executeSql执行SQL语句,向CHART表中插入一条数据结构为(id,log)值为(1,"hello word")的数据:dbtest.executeSql('INSERT INTO CHART (id,log) VALUES (1,"hello word")');dbtest.executeSql('INSERT INTO CHART (id,log) VALUES (2,"my name is jack")');// 扩展:dbtest.executeSql('INSERT INTO CHART (id,log) VALUES (?, ?)', [e_id, e_log]);里面的SQL语句为动态的插入数据});// 3.通过transaction对数据库db进行操作,里面传入函数,函数参数为被操作对象:(数据库的查(读))db.transaction(function(dbtest) {// 1.通过executeSql执行SQL语句:'SELECT * FROM CHART',表示从CHART表中查询所有数据,按照下下面方式接收处理数据(参数二不能省略,一般为[]或null),每组数据都是一个对象,可以通过console.log(results.rows)查看数据结构,dbtest.executeSql('SELECT * FROM CHART', null, function(dbtest, results) {// 2.results返回的是一个对象,其中属性rows里面存着插入的数据对象和length属性,因此可以通过results.rows.length来控制循环次数打印每个对象的数据for (var i = 0; i < results.rows.length; i++) {console.log('id:' + results.rows[i].id + '--' + 'log:' + results.rows[i].log);};}, null);});// 4.通过transaction对数据库db进行操作,里面传入函数,函数参数为被操作对象:(数据库的改)db.transaction(function(dbtest) {// 1.通过executeSql执行SQL语句,'UPDATE CHART SET log='update logs!' WHERE id=1',表示从CHART表中根据id查询到该条数据,并修改log的值dbtest.executeSql('UPDATE CHART SET log="update logs!" WHERE id=2');// 扩展:dbtest.executeSql('UPDATE CHART SET log='新值' WHERE id=?', [id]),里面的SQL语句支持动态传入id值进行修改数据});// 5.通过transaction对数据库db进行操作,里面传入函数,函数参数为被操作对象:(数据库的删)db.transaction(function(dbtest) {// 1.通过executeSql执行SQL语句,'DELETE FROM CHART  WHERE id=1',表示从CHART表中根据id删除该条数据:dbtest.executeSql('DELETE FROM CHART  WHERE id=1');// 扩展:dbtest.executeSql('DELETE FROM CHART WHERE id=?', [id]),里面的SQL语句支持动态传入id值进行删除数据});</script>

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海

Web SQL介绍,web sql中增删改查、数据存储位置、运行脚本、建表建库相关推荐

  1. web分页显示功能(“小案例:实现web端对客户资源的增删改查”里面的一个功能)

    分页显示功能("小案例:实现web端对客户资源的增删改查"里面的一个功能) (2016年11月19日18:15:07 上课学习总结) 效果展示: 第n页/共M页   首页  上一页 ...

  2. c#web窗体实现对数据库的增删改查,学生管理信息系统~vs2010+access2010

    @TOC解决方案管理器目录结构 c#web窗体实现对数据库的增删改查,学生管理信息系统~vs2010+access2010 以下是web程序课程后做的期末项目,前端以及页面逻辑结构使用vs搭建,后端服 ...

  3. Web课程设计-仿当当网-增删改查-java+jsp+mysql-期末大作业

    仿当当网web课程设计-jsp+java+mysql-mvc-期末大作业 Web课程设计 一.系统简介 二.系统开发及运行环境 三.系统设计 四.系统实现 Web课程设计 这篇文章是为了记录自己在we ...

  4. MySQL基础知识-MySQL概述安装,单表增删改查,函数,约束,多表查询,事物

    MySQL基础知识-MySQL概述安装,单表增删改查,函数,约束,多表查询,事物 前言 1.MySQL概述 1.1数据库相关概念 1.2MySQL数据库 1.2.1版本 1.2.2下载 1.2.3安装 ...

  5. mysql源生插入数据_php+mysql源生连接数据库和增删改查数据

    php+mysql源生连接数据库和增删改查数据 新建一个init.php文件,执行链接数据库.内容如下 header("Content-type: text/html; charset=ut ...

  6. postgresql数据库连接,增删改查数据

    postgresql数据库连接 //地址连接字符串格式如下 //DATABASE=test;HOST=111.12.13.200;USER ID=postgres;PASSWORD=1234;PORT ...

  7. Android SQL语句实现数据库的增删改查

    本文介绍android中的数据库的增删改查 复习sql语法: * 增 insert into info (name,phone) values ('wuyudong','111') * 删 delet ...

  8. SQL Server语句大全(增删改查数据、创建表、删除表、修改表)

    SQL server 增删改查语句 新增 insert into test.dbo.users (id,username,password) values(1,'lisi',123),(2,'lisi ...

  9. MongoDB从立地到成佛(介绍、安装、增删改查)

    目录 课程导学 第一关 MongoDB介绍 1.1 非关系型数据库 1.2 MongoDB的特点 1.3 MongoDB的应用场景 第二关 MongoDB安装和表结构 2.1 MongoDB的安装 2 ...

最新文章

  1. java中HashMap在多线程环境下引起CPU100%的问题解决
  2. Git/小白从零开始篇
  3. Linux下安装zookeeper集群(奇数个)
  4. 35岁老程序员因身体原因没加班,老板:不想干就滚蛋
  5. php输入地址查询,PHP查询用户IP所在地址
  6. 指纹识别工具(CMSeek)
  7. Python 面向对象(二)
  8. 如何做好Web接口测试
  9. shell编程-条件判断与流程控制
  10. 个人用户可以向运营商申请短信接口吗?
  11. 40个前端新手入门练习项目,学完即可做项目
  12. matlab求状态方程的解,利用matlab求解系统的状态方程
  13. CSS入门(狂神学习笔记)
  14. maya之坐标轴与模型显示状态
  15. 联想M490原装Win8系统改Win7系统的血泪史
  16. 关于相对熵(KL距离)的理解
  17. iOS开发--下滑返回dismiss
  18. 前程无忧引入最新版情境领导SLX课程
  19. 设计模式——门面模式
  20. AV1编码标准整体概述

热门文章

  1. Spring实例化Bean
  2. 无季节效应的非平稳序列分析(一)
  3. 【OpenCV 例程200篇】18. 图像的掩模加法
  4. 判断文件是否改变php,PHP判断文件是否被修改实例
  5. 不满6位补零 字符串_vb6.0中字符串中不足位数前面补0的方法
  6. 抖音2020研究报告_抖音音乐发布2020抖音音乐生态数据报告
  7. HDU - 6183 Color it 2017广西邀请赛(线段树)
  8. 【MM系列】SAP 关于更改物料的价格控制类型
  9. python中前后端通信方法Ajax和ORM映射(form表单提交)
  10. Vue2.0 脚手架代码详解