HTML5+CSS3 Web前端开发技术第11章 HTML5的IndexedDB数据库IndexedDB 数据库概述1创建数据库2数据库的版本更新和事务处理3创建对象仓库4创建索引5保存和删除数据6使用游标检索批量数据7HTML5+CSS3 IndexedDB ,其含义是Not Only SQL 或non-relational,具有非关系型、高效的特点。与关系型数据库比较,NoSQL数据库适用于数据模型比较简单、高并发读写、海量数据的高效存储和访问等需求。2. IndexedDB 数据库(1)IndexedDB 数据库和对象仓库一个网站可能有一个或多个IndexedDB 数据库,每个数据库必须具有惟一的名称;一个数据库可包含一个或多个对象仓库。HTML5+CSS3 IndexedDB 数据库概述(2)版本更新和事务处理 IndexedDB 数据库中创建或删除对象仓库、创建或删除索引的操作,可以看作是数据库的结构发生变化,必须使用新的版本号来更新数据库的版本,以避免重复修改数据库结构。(3)索引和游标 IndexedDB数据库中,只能对被索引的属性值进行检索。对象仓库可有一个或多个索引。 IndexedDB 中的游标能够迭代一个对象仓库中的所有记录。IndexedDB 中的游标是双向的,所以可以向前和向后迭代记录,还可以跳过非惟一索引中的重复记录。HTML5+CSS3 IndexedDB 数据库概述3. IndexedDB的异步APIIndexedDB规范中包含异步API 和同步API。同步API 用于Web浏览器中。IndexedDB大部分操作的结果返回模式,使用异步API请求—响应的模式,ess回调函数和一个onerror回调函数,前者在数据库操作成功时调用,后者在一个操作未成功时调用。HTML5+CSS3 IndexedDB ()方法,用于创建或打开指定的数据库,语法格式如下。 var dbRequest = (dbName,dbVersion);HTML5+CSS3 创建数据库2. IndexedDB 数据库中的对象定义 IndexedDB 数据库包括indexedDB、IDBTransaction 、IDBKeyRange、IDBCursor等对象,为了确保脚本代码在各浏览器中兼容,应当在使用数据库之前统一定义,代码如下。=||;=|||;= ||;= ||;HTML5+CSS3 创建数据库3. 删除数据库删除现有数据库,可以调用 deleteDatabase()方法,该方法的使用和open()方法类似,将要删除的数据库名称作为参数,代码如下。function deleteDatabase() {var deleteDbRequest = (dbName); = function (e) {//成功处理 }; = function (e) {//错误处理 };}HTML5+CSS3 创建数据库4. 连接数据库的完整示例HTML5+CSS3 数据库的版本更新和事务处理1. 版本更新连接成功的数据库还不能执行任何数据操作。在使用IndexedDB 数据库的时候,所有数据的操作都需要在一个事务内部执行。而对于对象仓库与索引的操作,类似于关系数据库中表结构或索引的操作,必须在版本更新事务内部进行。示例11-2实现的是一个版本更新的测试功能。HTML5+CSS3 、对象仓库执行所有读取和写入操作的操作必须
第11章 HTML5的IndexedDB数据库(HTML5与CSS3 Web前端开发技术) 来自淘豆网m.daumloan.com转载请标明出处.