web sql 持久化

Web数据持久化存储IndexedDB（不常用）

IndexedDB是在浏览器中保存结构化数据的一种数据库,为了替换WebSQL(标准已废弃,但被广泛支持)而出现.IndexedDB使用NoSQL的形式来操作数据库,保存和读取是JavaScript对象,同时还支持查询及搜索. 下面由5个方面讲述: 1. 数据库初始化 2. 对象存储空间(ObjectStore) 3. 事务 4. 游标查询 5. 索引数据库初始化 IndexedDB保存的是对象,而不是使用表保存数据.打开数据库使用indexDB.open方法,这方法有两个参数,第一个是数据库

Web持久化存储Web SQL、Local Storage、Cookies（常用）

在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL.Local Storage.Cookies. Web SQL 作为html5本地数据库,可通过一套API来操纵客户端的数据库(关系数据库),下面是支持浏览器情况. 鉴于PC浏览器支持情况,我找了淘宝.京东.携程.起点.优酷网站,并没有用Web SQL记录客户端信息.在移动端比较适用,特别是对于Hybrid应用,更是得心应手. 接口: openDatabase transaction executeSql 1

客户端持久化解决方案: Web SQL

客户端持久化解决方案: Web SQL Web SQL 提供了一组使用 SQL 操作客户端数据库的 APIs, 不是 HTML5 规范的一部分,是一个独立的规范. 核心方法 openDatabase: 打开或新建数据库,返回数据库对象. transaction: 打开一个事务,从而可以执行提交或者回滚. executeSql: 执行实际的 SQL 查询. 打开/创建数据库 // window.openDatabase(dbName, version, description, dbSize, [

《Javascript权威指南》学习笔记之十八：BOM新成就（1）--client存储数据（Web SQL DataBase实现）

使用本地存储和会话存储能够实现简单的对象持久化,能够对简单的键值对或对象进行存储.可是,对于比較复杂的关系数据进行处理时,就要用Web SQL Database.浏览器对Web SQL Database的支持情况如图: 一.怎样使用Web SQL Database <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

HTML5教程之html 5 本地数据库（Web Sql Database）

HTML5的Web SQL Databases(html5 本地数据库)的确很诱惑人,当你发现可以用与mysql查询一样的查询语句来操作本地数据库时,你会发现这东西挺有趣的.今天,我们一起来了解HTML 5的Web SQL Database API:openDatabase.transaction.executeSql. Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范.它通过一套API来操纵客户端的数据库.Safari.Chrome.Firefox.Opera等主流

HTML5本地存储——Web SQL Database

在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就无能为力了,灵活大不够强大. Web SQL Database 我们经常在数据库中处理大量结构化数据,html5引入Web SQL Database概念,它使用 SQL 来操纵客户端数据库的 API,这些 API 是异步的,规范中使用的方言是SQLlite,悲剧正是产生于此,Web SQL Data

HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)

一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会使用Cookie,但Cookie有一些缺点,为了说明这个缺点我们先看看当提交表单时会有那些信息会被浏览器收集后发送到服务器. 1.1.提交表单发送到服务器的信息 1).带name的可用表单元素 2).url 3).客户端请求头部信息 4).cookie <%@ page language="j

web sql database数据存储位置

Q1: 数据存储在哪儿? Web Storage / Web SQL Database / Indexed Database 的数据都存储在浏览器对应的用户配置文件目录(user profile directory)下,以 Windows 7 为例,Chrome 的数据存储在"C:\Users\your-account-name\AppData\Local\Google\Chrome\User Data\Default\"下,而 Firefox 的数据存储在"C:\Users

阿伦学习html5 之Web SQL Database

不知道什么情况, W3C不再维护web SQL Database规范,但是大多浏览器都支持了! Web SQL Database规范页面有着这样的声明 Web SQL Database 规范中定义的三个核心方法: openDatabase:这个方法使用现有数据库或新建数据库来创建数据库对象 transaction:这个方法允许我们根据情况控制事务提交或回滚 executeSql:这个方法用于执行SQL 查询 openDatabase: 我们可以使用这样简单的一条语句,创建或打开一个本地的数据库对

localStorage, localforage, web sql三者的比较

最近的项目中用到了前端存储,最初选用的是localStorage,这个是html5里面新增的API,用法很简单.setItem getItem clear. 值得注意的是,localStorage中存进去的数据,都是以字符串的形式存储的,取出来的时候也是以字符串的形式拿到的.由于项目中一般数据都是以json或者array的方式存入的.因此需要在存取前进行JSON.parse和JSON.Stringify. localStroage中另一个不便之处是,它仅仅是一个单纯的数据存储,没有自增的id.这

【HTML5】HTML5本地数据库（Web Sql Database）

Web Sql数据库简介 Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范.它通过一套API来操纵客户端的数据库. Web SQL数据库的浏览器支持情况 Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作. Web SQL创建的数据库在哪儿这要依据你使用的浏览器的数据存储位置,默认是在安装目录的User Data文件夹. html5创建的是一个sqllite数据库,用SQLiteSpy打开文件,可以看到里面的数据.SQL

[转]HTML5本地存储——Web SQL Database

在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就无能为力了,灵活大不够强大. Web SQL Database 我们经常在数据库中处理大量结构化数据,html5引入Web SQL Database概念,它使用 SQL 来操纵客户端数据库的 API,这些 API 是异步的,规范中使用的方言是SQLlite,悲剧正是产生于此,Web SQL Data

Web SQL Database实例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body onload="init()"> <table> <tr> <td>姓名:</td><td><inpu

Web SQL数据库

Web SQL数据库:它是一个独立的规范,引入了一组使用SQL操作客户端数据库的API. openDatabase方法:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象.如果数据库存在,openDatabase方法负责开启数据库,如果不存在,这个方法会创建一个新的数据库. 案例:下面的代码可以创建并开启一个数据库 var db = openDatabase('mydb', '1.0', 'test DB', 2*1024*1024, function (){}) 上面的方法接受5个参数

Web SQL

HTML5本地存储——Web SQL Database 基于 HTML5 中的 Web SQL Database 来构建应用程序前端HTML5几种存储方式的总结 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var msg; // 可以有多个数据库,但无法遍历, // 包括空字符串在内的所有字符串都可以作为有效地数据库名称,数据库名称区分大小写,且可以比较.

(转)HTML5开发学习（3）:本地存储之Web Sql Database

原文:http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416386.html HTML5开发学习(3):本地存储之Web Sql Database(附源码) Posted on 2012-03-25 14:03 祥叔阅读(6399) 评论(0) 编辑收藏接着上一篇,这节介绍Html5 本地存储中的一个很重要的概念——Web Sql Database ,正因为本人觉得这个很重要,所有独立出来重点介绍.即时你完全没听说过这个概念,

(转)HTML 5离线存储之Web SQL

原文:http://developer.51cto.com/art/201106/267357.htm HTML 5离线存储之Web SQL 2011-06-07 15:14 kkun kkun的博客字号:T | T WebDatabase 规范中说这份规范不再维护了,原因是同质化(几乎实现者都选择了Sqlite), 且不说这些,单看在HTML5中如何实现离线数据的CRUD,最基本的用法(入门级别) AD:51CTO学院:IT精品课程在线看! 本篇没有考虑异步,多线程及SQL注入 We

HTML5 Web SQL Database 数据库的使用方法【图文说明】

页面代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script src="../js/jquery-1.1

HTML5的Web SQL Database

本文将介绍 Web SQL Database 规范中定义的三个核心方法: openDatabase:这个方法使用现有数据库或新建数据库来创建数据库对象 transaction:这个方法允许我们根据情况控制事务提交或回滚 executeSql:这个方法用于执行真实的 SQL 查询 Database [Supplemental, NoInterfaceObject] interface WindowDatabase { Database openDatabase(in DOMString name,

（二）HTML5 - Web SQL 本地数据库

简介 WEB SQL Database即本地的SQLite数据库,使用的方式和方法和SQLite基本相同判断浏览器是否支持 if (!window.openDatabase) { alert('Databases are not supported in this browser.'); } openDatabase 打开或创建一个数据库,openDatabase方法使用现有数据库或创建新数据库创建数据库对象. openDatabase(DbName,DBVersion,DBDescribe,

HTML 5 在Web SQL 使用演示样本

Web sql 这是一个模拟数据库浏览器.可以使用JS操作SQL完成数据读取和写入,但是这件事情并不多,现在支持的浏览器,而其W3C规格已经停止支持.外形似它的前景不是很亮. W3C 规范:http://www.w3.org/TR/webdatabase/#dom-sqltransaction-sync-executesql (眼下已经停止更新,组织也没想清楚发展方向) 支持的浏览器以及版本号: Safari (3.2+) Chrome (3.0+) Opera (10.5+) 通经常规的离线应

web sql 持久化

热门专题