16.Web SQL数据库
1.Web SQL数据库
1.Web SQL
数据库 API
并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL
操作客户端数据库的 APIs
。
2.核心方法
1.openDatabase
:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
2.transaction
:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
3.executeSql
:这个方法用于执行实际的 SQL
查询。
3.打开数据库
1.使用 openDatabase()
方法来打开已存在的数据库,如果数据库不存在,则会创建一个新的数据库:
var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
openDatabase()
方法对应的五个参数说明:数据库名称、版本号、描述文本、数据库大小、创建回调。
第五个参数,创建回调会在创建数据库后被调用。
4.执行查询操作
1.执行操作使用 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
的表。
5.插入数据
1.插入一些数据:
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")');
});
实例中的 e_id
和 e_log
是外部变量,executeSql
会映射数组参数中的每个条目给 “?
”。
6.读取数据
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);
});
7.删除记录
db.transaction(function (tx) {tx.executeSql('DELETE FROM LOGS WHERE id=1');
});
2.动态的:
db.transaction(function(tx) {tx.executeSql('DELETE FROM LOGS WHERE id=?', [id]);
});
8.更新记录
db.transaction(function (tx) {tx.executeSql('UPDATE LOGS SET log=\'www.w3cschool.cc\' WHERE id=2');
});
2.动态的:
db.transaction(function(tx) {tx.executeSql('UPDATE LOGS SET log=\'www.w3cschool.cc\' WHERE id=?', [id]);
});
16.Web SQL数据库相关推荐
- HTML5 Web SQL数据库
HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 如果你是一个 We ...
- html日期写入数据库,javascript – 在HTML5 Web SQL数据库中对日期时间进行排序
我无法找到解决问题的方法. 我有一个HTML5 Web SQL数据库,其表格如下: db.transaction(function(tx) { tx.executeSql("CREATE T ...
- html5 多页面共享数据库,可以跨页面使用HTML5 Web SQL数据库吗?(Can HTML5 Web SQL databases be used across pages?)...
可以跨页面使用HTML5 Web SQL数据库吗?(Can HTML5 Web SQL databases be used across pages?) 这可能是一个非常简单的问题,请原谅我的无知,但 ...
- websql mysql_HTML5 Web SQL 数据库 | 菜鸟教程
Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 如果你是一个 Web 后端程序员,应该很容易理解 SQ ...
- HTML5 Web SQL 数据库 讲解及使用
为什么页面刷新后表就没了?openDatabase是什么?openDatabase是浏览器提供的吗? Web SQL 是在浏览器上模拟数据库,可以使用 JS 来操作 SQL 完成对数据的读写. Web ...
- html中使用sql数据库,Web Sql数据库的使用详解|HTML5
HTML5中的Web Sql数据库在实际应用中并不是很多,本人只看到w3schools这种教学网才用到websql,目前也只有Webkit(Safari,SafariMobile和Chrome)和Op ...
- html5 indexeddb 排序,HTML5 IndexedDB,Web SQL数据库和浏览器大战
根据您在iOS上对Safari的要求,除了WebSQL之外别无选择 . 其他移动浏览器(如Opera和Opera)支持WebSQL黑莓 . 即使他们有IndexedDB,我也不认为他们会删除WebSQ ...
- web sql数据库存储位置
不同的浏览器存储的位置是不同的. 谷歌浏览器存储的位置是 C:\Users\你的电脑牌子英文名\AppData\Local\Google\Chrome\User Data\Default 例如: C: ...
- HTML5开发 Web SQL Database 本地数据库
Web Database 介绍 Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范.它通过一套API来操纵客户端的数据库.Safari.Chrome.Firefox.Oper ...
最新文章
- LIST-PROCESSING命令的使用
- 《Two Dozen Short Lessons in Haskell》学习(十六)- Definitions with Alternatives
- 来看一场 AI 重建的 3D 全息世界杯比赛!
- 数据结构-查找-总结归纳知识点
- C++ qsort() 函数调用时实参与形参不兼容的问题解决
- ansbile--playbook剧本案例
- 你还不知“dubbo”是个什么东西吗???
- 如何把Excel的多张表格合成一张
- vuex mapstate_Vuex从使用到原理解析
- C++ GUI Qt4 自学笔记
- git gc 的使用
- 判断malloc申请内存_Linux内存使用情况与监测
- 杨辉三角 java版
- RxJava+Retrofit+MVP+Dagger2 谷歌四件套
- 服务器系统漏洞rc4,服务器如何修复旧加密算法漏洞
- MPPDB和Hadoop有什么区别
- Android 超级轻量的版本更新库AppUpdate
- EtherCat主站与从站简介
- mac安装mysql方法
- 小孩几岁学计算机合适,孩子几岁学电脑最合适?
热门文章
- 租用哪一家服务器好呢?
- 用RDA进行微生物环境因子分析
- 深海迷航创造模式火箭怎么飞_深海迷航火箭怎么发射说什么没关 | 手游网游页游攻略大全...
- 2022个人秋招总结
- 第一代intel核显id:0046的10.9驱动安装详解(转)
- Quartz定时任务2.3版本数据库表字段说明
- Pytorch 创建Tensor
- “2021智能经济高峰论坛”举行,区块链作为数字化底座之一助力百度智能云转型升级...
- 程序员面试笔试宝典学习记录(一)
- springmvc拦截器 绝对路径