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

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联系笔者 删除。
笔者:苦海

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575418.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mrql初级教程-使用(er)

最近使用mrql做xml文件解析&#xff0c;使用xpath来进行判断使用的方法如下&#xff0c;其中t.mrql文件如下&#xff1a;v args[1];store ty:source(xml,args[0],{"page"},xpath(.[idID6]/place));ty;执行下面的命令mrql -local t.mrql hdfs://183.175.12.220:9010/u…

web Worker简介、web Worker报错分析、作用

web Worker&#xff1a; web Worker是运行在后台的javascript&#xff0c;不会影响性能&#xff0c;常用于高耗费CPU的任务&#xff0c;必须部署到线上才可以正常使用&#xff0c;这里有三个方法比较重要&#xff0c;需要注意&#xff1a; postMessage(),发送消息&#xff0c…

Opencl 并行求和

上周尝试用opencl求极大值&#xff0c;在网上查到大多是求和&#xff0c;所谓的reduction算法。不过思路是一样的。 CPP&#xff1a; int err 0;unsigned long int nNumCount 102400000;int nLocalSize 256;int nGroupSize 102400;int nGroup nGroupSize / nLocalSize;int…

SSE事件作用,错误分析

Server-Sent&#xff08;SSE&#xff09;&#xff1a; server sent用于自动接收服务器更新&#xff0c;当服务器发生数据更新时&#xff0c;此事件将自动执行来更新页面数据&#xff0c;常用于博文、股价等不断变化的项目中。下面将简单介绍SSE中三个常用事件&#xff1a; on…

rails log_level

environments/production.rb里配置log_level config.log_level :debug http://www.rubycc.com/column/rails3.2.3/config.htm转载于:https://www.cnblogs.com/hellolzj/p/3772637.html

CSS3简介、新增选择器、属性选择器、伪元素选择器、伪元素

CSS3知识点: CSS3的相关属性不兼容低版本浏览器&#xff0c;IE9以下是不兼容的&#xff0c;在实际开发中要特别注意&#xff0c;移动端支持优于PC端&#xff0c;是在CSS2上新增的属性&#xff0c;关于兼容这里有两个名词需要了解&#xff1a; 渐进增强 &#xff1a;&#xff…

JavaScript大杂烩4 - 理解JavaScript对象的继承机制

JavaScript是单根的完全面向对象的语言 JavaScript是单根的面向对象语言&#xff0c;它只有单一的根Object&#xff0c;所有的其他对象都是直接或者间接的从Object对象继承。而在JavaScript的众多讨论中&#xff0c;JavaScript的继承机制也是最让人津津乐道的&#xff0c;在了解…

css3盒模型、过渡、转换介绍

CSS3中盒模型&#xff1a; 前面CSS中学到的盒子模型给padding、border会撑开盒子的大小&#xff0c;实际大小要通过计算才能得到&#xff0c;为了解决这个问题&#xff0c;CSS3推出了box-sizing属性来解决此问题&#xff0c;当box-sizing的属性值为border-box时&#xff0c;无…

【Leetcode】Sort List

Sort a linked list in O(n log n) time using constant space complexity. 单向链表排序O(nlogn)&#xff0c;Mergesort可以实现。 1 /**2 * Definition for singly-linked list.3 * struct ListNode {4 * int val;5 * ListNode *next;6 * ListNode(int x) :…

css3中animation动画、浏览器私有前缀、文字阴影、滤镜

animation动画&#xff1a; 可以设置多个节点来控制一个或 一组动画&#xff0c;动画可以实现更多变化&#xff0c;更多控制&#xff0c;连续自动播放等效果。动画的使用分两步&#xff1a;1、定义动画 2、调用动画&#xff08;调用必须写调用名称和持续时间)&#xff0c;其属…

ASP.NET 页生命周期

参考&#xff1a;http://msdn.microsoft.com/zh-cn/library/ms178472(vvs.100).aspx转载于:https://www.cnblogs.com/pengpenghappy/p/3778721.html

计算机基础简介、编程语言、翻译器、数据储存

计算机基础&#xff1a; 编程语言&#xff1a; 编程语言分机器语言、汇编语言、高级语言&#xff0c;机器语言只有计算机本身认识&#xff0c;是二进制的&#xff1b;汇编语言是较低层的指令式语言&#xff0c;有很多指令单词发出命令&#xff0c;程序员可以认识&#xff0c;…

IE8“开发人员工具”(下)

浏览器模式 说白了&#xff0c;就是让用户选择当前页面用何种IE版本去渲染。 文本模式 说起“文本模式”这个名词&#xff0c;这又要回到渲染页面的3种模式了&#xff1a;诡异模式&#xff08;Quirks mode&#xff0c;也有翻译为兼容模式、怪异模式的&#xff09;&#xff0c;标…

javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

JavaScript简介 JavaScript历史&#xff1a; JavaScript是一门解释型、动态类型、基于对象的脚本语言(不需要编译&#xff0c;直接执行&#xff0c;与之相对的是编译型语言)&#xff0c;由美国网景公司的布兰登艾奇发明&#xff0c;起初称LiveScript&#xff0c;其简称js。 …

数据字典视图

数据字典视图 数据自动视图分为三大类&#xff0c;分别用对应的前缀表示为user_*,all_*,dba_*分别表示的意思如下&#xff1a; user_*:有关用户所拥有的对象的信息&#xff0c;即用户自己创建的对象的信息 all_*:有关用户可以访问的对象的信息&#xff0c;即用户自己创建的对象…

javascript中数据类型及转换、String()和toString()的区别

数据类型&#xff1a; JavaScript中的数据类型&#xff1a; 在计算机中&#xff0c;不同的数据类型所占的储存空间是不同的。1、原始数据类型&#xff1a;number (数字)、string&#xff08;字符串&#xff09;、boolean&#xff08;布尔值&#xff09;、null&#xff08;空对…

Algorithm(1) - Karatsuba multiplication

这个系列主要是记一下目前效率较高或者比较出名的一些算法. Karatsuba multiplication: x5678 then: a56 b67 y1234 c12 d34 setps: 1: a*c 672 ① 2: b*d2652 ② 3: (ab)(cd)6164 ③ 4: ③-②-①2840 5: 6720000 2652284000 7006652 Recursive …

javascript中基本包装、算数运算符、递增递减运算符、赋值运算符、比较运算符、逻辑运算符、运算符优先级

基本包装类型&#xff1a; 指基本类型的数据变量通过调用属性或者方法包装成了复杂类型&#xff0c;这个变量也称为基本包装类型对象 <script>var str hello;str str.replace(ll, ee);console.log(str); //heeeo//通过基本包装&#xff0c;无论Boolean对象中传入true还…

grootjs 简明教程

grootJs简明教程 mvvm框架也是解决的一类问题&#xff0c;在某些时候会提高生产效率&#xff1b; 经过接近一个月的努力&#xff0c;grootJs测试版终于发布了 grootJs是一个mvvm的框架&#xff0c;名字取 grass 和root 两个单词的组合&#xff0c;既“草根”之意。在创作的中…

流程控制介绍,顺序结构、分支结构、循环结构、Promise对象、throw语句、break和continue关键字

流程控制 流程控制&#xff1a;指代码的执行顺序&#xff0c;有三种方式&#xff1a;顺序结构、分支结构、循环结构 顺序结构&#xff1a; 代码从上到下&#xff0c;从左到右的执行顺序。 分支语句&#xff1a; if语句、if-else语句、if-else if-else语句、switch-case语…