美文网首页
HTML5本地数据库

HTML5本地数据库

作者: web前端技术 | 来源:发表于2020-05-20 06:18 被阅读0次

    在HTML5之前的时代,如果需要在客户端本地保存数据,只能存储在Cookie中,但是Cookie使用过多会影响请求速度,所以并不适合存储大量数据。

    而在HTML5面世后,自带了本地存储和本地数据库功能,更为便捷的管理客户端数据。

    HTML5本地数据库是什么?

    HTML5提供了一个基于浏览器端的数据库(WebSQL 、IndexedDB),我们可以通过JS API来在浏览器端创建一个本地数据库,而且它还支持标准的SQL来执行CRUD操作。

    如何查看本地的数据库呢?通过各个浏览器的调试工具可以查看。


    H5本地数据库Web SQL使用方法

    在HTML5中操作本地数据库都是通过JS API来实现的,很简单,步聚如下:

    1、通过 openDatabase 创建数据库对象

    var db=openDatabase(数据库名称,数据库版本号,数据库描述,数据库大小,回调函数)
    2、通过 db.transaction 设置回调函数

    3、通过 executeSql 方法执行查询

    H5连接远程线上数据库

    HTML5默认情况下是无法连接远程数据库的,一般都是通过API去操作数据库。比如当下流行的前后端完全分离,借助的就是RESTful来实现业务数据的CRUD操作。

    相关文章

      网友评论

          本文标题:HTML5本地数据库

          本文链接:https://www.haomeiwen.com/subject/ueiwohtx.html