html5怎么连接数据库？

html-css04

html5怎么连接数据库？,第1张

在HTML5之前的时代，如果需要在客户端本地保存数据，只能存储在Cookie中，但是 Cookie使用过多会影响请求速度 ，所以并不适合存储大量数据。 而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。 HTML5提供了一个 基于浏览器端的数据库 （WebSQL 、IndexedDB），我们可以通过JS API来在浏览器端创建一个本地数据库，而且它还支持标准的SQL来执行CRUD操作。如何查看本地的数据库呢？通过各个 浏览器的调试工具 可以查看。在HTML5中操作本地数据库都是通过JS API来实现的，很简单，步聚如下：1、通过 openDatabase 创建数据库对象 2、通过 db.transaction 设置回调函数 3、通过 executeSql 方法执行查询HTML5默认情况下是无法连接远程数据库的，一般都是通过API去操作数据库。比如当下流行的前后端完全分离，借助的就是RESTful来实现业务数据的CRUD操作。 怎么会问这个问题，HTML是不可能链接数据库的，他是标签类语言，是用于构建静态页面的，要想链接数据库必须得支持网络通信和IO的，显然HTML并没有支持，HTML只是用来设计页面的。 我还以为我落伍了，h5连数据库

HTML5中的数据库操作比较简单，主要有如下两个函数：

1、通过openDatabase方法创建一个访问数据库的对象

复制代码

代码如下:

var db = openDatabase(databasename,version,description,size)

该方法有四个参数，作用分别为：

databasename:数据库名；

version：数据库版本号，可不填；

description：数据库描述；

size：给数据库分配的空间大小；

2、使用第一步创建的数据库访问对象（如db）执行transaction方法，用来执行事务处理

复制代码

代码如下:

db.transaction(function(tx)){

//执行访问数据库的语句

})

transaction方法使用一个回调函数作为参数，在这个函数中，执行访问数据库的具体操作；

3、通过executeSql方法执行查询

复制代码

代码如下:

tx.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)

executeSql方法有四个参数，作用分别如下：

sqlQuery：需要具体执行的sql语句，可以是create、select、update、delete；

[value1,value2..]：sql语句中所有使用到的参数的数组，在executeSql方法中，将sql语句中所要使用的参数先用“?”代替，然后依次将这些参数组成数组放在第二个参数中；

dataHandler：执行成功是调用的回调函数，通过该函数可以获得查询结果集；

errorHandler：执行失败时调用的回调函数；

本文通过HTML5的数据库支持，重新实现一遍上篇文章中的通讯录管理，待实现功能如下：

可创建联系人并保存到数据库中，联系人字段包括：姓名、手机号码、公司、创建时间；

列出当前已保存的所有联系人信息；

可删除特定联系人信息；