老师为什么获取的是空

老师为什么获取的是空

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>


<body>

    <script>

        //创建db库

        var req = indexedDB.open('tetx', 25);

        console.log(req)

        // 创建成功触发

        req.onsuccess = function () {

            console.log('创建成功');

        }

        // 创建失败触发

        req.onerror = function () {

            console.log('创建失败'); //版本号低于之前的版本号会报错 等于该版本号也会报错 

        }

        //版本号更新时触发

        req.onupgradeneeded = function () {

            var db = req.result;

            db.createObjectStore('text1', {

                keyPath: 'id'

            });

            console.log('版本号更新成功');

        

        }

        var json = {

            "id": 1200,

            "name": 'x'

        }

          setTimeout(function () {    var db = req.result;

            var a = db.transaction('text1', "readwrite");//表 模式 读写

            var b = a.objectStore('text1');//读取哪个表

            b.add(json);//添加进去

            console.log(b);

              var c = b.get(1200)

              c.onsuccess = function () {

                  console.log(c.result.name);

                }

        console.log(c)

        }, 200);

      

    </script>

</body>


</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2020-08-20 10:04:53

同学你好,老师这边测试,是可以打印内容的,如下:

http://img1.sycdn.imooc.com//climg/5f3dd9790988253606000220.jpg

同学是不是刷新了浏览器,刷新之后就没有了。因为onsuccess是数据库打开成功之后,只要数据库成功打开了,就执行一次。后续不会再执行了。如果想要查看内容,可以先把之前的数据库删掉,如下:

http://img1.sycdn.imooc.com//climg/5f3dda24095dacff11280520.jpg

删除之后再刷新浏览器即可哦。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师