码迷,mamicode.com
首页 > 数据库 > 详细

indexedDB基本使用demo

时间:2021-02-08 12:14:15      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:query   customers   ror   creat   新建   name   target   数据   incr   

 

<html>
<head>
    <script src="jquery-3.5.1.js"></script>
</head>
<body>
<script>
    createOrOpenDb("teamtalk");
    //新建或打开已有数据库
    function createOrOpenDb(dbName){
        var request = indexedDB.open(dbName, 1);
        request.onsuccess = function(event) {
            console.log(打开/创建 数据库成功);
        };
        request.onerror = function(event) {
            console.log(打开/创建 数据库成功失败: + event.target.error.message);
        };
    }

    function insertData(db){
        /**
         * 第一个参数,存储空间的名称,即上面的customers。
         * 第二个参数,keyPath值指定主键。
         * autoIncrement指定了key值是否自增(当key值为默认的从1开始到2^53的整数时)。
         * */
        var objectStore = db.createObjectStore("customers" , { keyPath: "name" }  );
        /**
         * 第一个参数,索引的名称。
         * 第二个参数,指定索引对应列。
         * 第三个属性, options对象,其中属性unique的值为true表示索引必须唯一。
         * */
//          objectStore.createIndex("name", "name", { unique: false });
        objectStore.add({"name": a, "age": "10",ssn: "444-44-4444"});
        objectStore.add({"name": b, "age": "20",ssn: "444-44-4442"});
    }

    function deleteData(db, storename, id){
        var transaction = db.transaction(storename, readwrite);//获取事务
        var store = transaction.objectStore(storename); // 得到对应的object store
        store.delete(id);// 根据id删除对应store中的数据
    }

    function readData(db, storename, id){
        var transaction = db.transaction(storename, readwrite);
        var objectStore = transaction.objectStore(storename);
        var req = objectStore.get(id);
        req.onsuccess = function(e) {
            var employee = e.target.result;//得到对象
            debugger
        };
    }

    function updateData(db, storename, id){
        var transaction = db.transaction(storename, readwrite); //获取事务
        var store = transaction.objectStore(storename);// 得到指定的object store
        var req = store.get(id);//根据id查找指定的对象
        req.onsuccess = function(e) {
            var employee = e.target.result;//得到对象
            employee.age = 19;//修改值
            store.put(employee);//将修改之后的值放回指定的object store中
        };
    }
</script>

</body>
</html>

 

indexedDB基本使用demo

标签:query   customers   ror   creat   新建   name   target   数据   incr   

原文地址:https://www.cnblogs.com/xiaoliu66007/p/14384076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!