Html5——indexedDB数据库学习记录1之【链接indexDB数据库】

最新推荐文章于 2024-08-30 23:56:45 发布

原创最新推荐文章于 2024-08-30 23:56:45 发布 · 387 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#indexedDB数据库

收录于

Html5 同时被 2 个专栏收录

15 篇文章

订阅专栏

indexedDB数据库

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript连接IndexedDB数据库的方法。主要包括打开数据库并开始事务、创建对象存储空间、执行数据库操作如增删查改及如何监听DOM事件以确认操作是否完成。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>链接indexDB数据库</title>

    {# indexedDB思路：
    1.打开数据库并且开始一个事务。
    2.创建一个 object store。
    3.构建一个请求来执行一些数据库操作，像增加或提取数据等。
    4.通过监听正确类型的 DOM 事件以等待操作完成。
    5.在操作结果上进行一些操作（可以在 request 对象中找到） #}
    <script>
        function connectDatabase(){
            var dbName="indexedDBtest";//数据库名称
            var dbVersion=1;//数据库版本
            var idb;//数据库结果
            var dbConnect=indexedDB.open(dbName,dbVersion);//打开数据库并且还是一个事务
            //以下是返回 数据库 链接信息
            dbConnect.onsuccess=function(e){
                idb=e.target.result;
                alert("数据库链接成功！");
            }
            dbConnect.onerroe=function(){
                alert("链接数据失败！");
            }

        }
    </script>
    
</head>

<body>
  

</body>

</html>