htm5本地存储方案——indexdb的封装

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了htm5本地存储方案——indexdb的封装，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3099字，纯文字阅读大概需要5分钟。

内容图文

封装IndexdDB*/ var localDatabase = { }; localDatabase.dbName = "yiliDB"; localDatabase.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB; localDatabase.db = null; localDatabase.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange; localDatabase.IDBCursor = window.IDBCursor || window.webkitIDBCursor; localDatabase.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction; localDatabase.indexedDB.onerror = function(e) { console.log("Database error: " + e.target.errorCode); }; //删除数据库 localDatabase.deleteIndexdDB = function() { var deleteDbRequest = localDatabase.indexedDB.deleteDatabase(localDatabase.dbName); deleteDbRequest.onsuccess = function(event) { console.log(‘Database deleted‘); localDatabase.db = null; }; deleteDbRequest.onerror = function(e) { console.log("Database error: " + e.target.errorCode); }; }; //打开数据库 localDatabase.openIndexdDB = function(callback) { console.log("init IndexdDB"); try { var openRequest = localDatabase.indexedDB.open(localDatabase.dbName); openRequest.onerror = function(e) { callback("Database error: " + e.target.errorCode); }; openRequest.onsuccess = function(event) { localDatabase.db = openRequest.result; console.log("Open IndexdDB success."); callback("success"); localDatabase.db.onversionchange = function() { console.log("DB close"); localDatabase.db.close(); }; }; openRequest.onupgradeneeded = function(evt) { console.log(‘Creating object stores‘); var MessageStore = evt.currentTarget.result.createObjectStore("message"); MessageStore.createIndex("userid", "userid", { unique: false }); }; } catch(e1) { console.log(e1); } };

再来个测试的例子

//添加消息
localDatabase.addMessageToIndexDB = function(obj, userid) {
    try {
        console.log(localDatabase.db);
        if(localDatabase != null && localDatabase.db != null) {
            var transaction = localDatabase.db.transaction("message", "readwrite");
            var store = transaction.objectStore("message");
            var request = store.get(userid);
            request.onsuccess = function(e) {
                var result = e.target.result;
                var exist = 0;
                if(typeof result != ‘undefined‘) {
                    for(var i = 0; i < result.length; i++) {
                        if(result[i].userid == obj.userid) {
                            result[i] = obj;
                            exist++;
                            break;
                        }
                    }
                    if(!exist) {
                        result.push(obj);
                    }
                    store.put(result, userid);
                } else {
                    store.add([obj], userid);
                }
            };
        }
    } catch(e) {
        console.log(e)
    }
};
//获取消息
localDatabase.getMessage = function(userid, callback) {
    try {

        if(localDatabase != null && localDatabase.db != null) {

            var store = localDatabase.db.transaction("message").objectStore("message");
            //            var index = store.index("userid");
            //            var request = index.openCursor(IDBKeyRange.only(userid));
            request = store.get(userid);
            request.onsuccess = function(res) {
                var result = res.target.result;
                if(typeof result != ‘undefined‘) {
                    callback(result);
                } else {
                    callback(null);
                }

            };

        }
    } catch(e) {

        console.log(e);

    }

};

 

htm5本地存储方案——indexdb的封装

标签：class   open   read   undefined   tran   err   als   res   name   

本文系统来源：http://www.cnblogs.com/huguodong/p/7372762.html

内容总结

以上是互联网集市为您收集整理的htm5本地存储方案——indexdb的封装全部内容，希望文章能够帮你解决htm5本地存储方案——indexdb的封装所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---