IndexedDB通用功能封装成angular服务
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了IndexedDB通用功能封装成angular服务，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4368字，纯文字阅读大概需要7分钟。
内容图文
angular.module(‘indexdb‘, [])
2 .factory(‘IndexdbJs‘, [‘$ionicPopup‘,function ($ionicPopup) {
3
4 window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
5 window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
6 window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;
7 window.IDBCursor=window.IDBCursor||window.webkitIDBCursor|| window.msIDBCursor;
8 var db={
9 dbName: ‘aptdb‘,
10 dbVersion: 2046, //用小数会四舍五入
11 dbInstance: {},
12
13 errorHandler: function (error) {
14 console.log(‘error: ‘ + error.target.error.message);
15 },
16
17 open: function (func,fail) {
18 var dbContent = window.indexedDB.open(db.dbName, db.dbVersion);
19 dbContent.onupgradeneeded = db.upgrade;
20 dbContent.onerror = db.errorHandler;
21 dbContent.onsuccess = function (e) {
22 db.dbInstance = dbContent.result;
23 db.dbInstance.onerror = fail;
24 func();
25 };
26 },
27 upgrade: function (e) {
28 var _db = e.target.result, names = _db.objectStoreNames;
29 // 此处可以创建多个表
30 var name = "cart";
31 if (!names.contains(name)) {
32 _db.createObjectStore(
33 name,
34 {
35 keyPath: ‘goodsId‘,
36 autoIncrement:false
37 });
38 }
39 },
40 getObjectStore: function (objectStoreName,mode) {
41 var txn, store;mode = mode || ‘readonly‘;
42 txn = db.dbInstance.transaction([objectStoreName], mode);
43 store = txn.objectStore(objectStoreName);
44 return store;
45 },
46 add: function (objectStoreName,data,success,fail) {
47 db.open(function () {
48 var store, req, mode = ‘readwrite‘;
49 store = db.getObjectStore(objectStoreName,mode),
50 req = store.add(data);
51 req.onsuccess = success;
52 req.onerror=fail;
53 },fail);
54 },
55 update: function (objectStoreName,data,success,fail) {
56 db.open(function () {
57 var store, req, mode = ‘readwrite‘;
58 store = db.getObjectStore(objectStoreName,mode),
59 req = store.put(data);
60 req.onsuccess = success;
61 req.onerror=fail;
62 },fail);
63 },
64 getAll: function (objectStoreName,success,fail) {
65
66 db.open(function () {
67 var
68 store = db.getObjectStore(objectStoreName),
69 cursor = store.openCursor(),
70 data = [];
71
72 cursor.onsuccess = function (e) {
73 var result = e.target.result;
74 if (result && result !== null) {
75 data.push(result.value);
76 result.continue();
77 } else {
78 success(data);
79 }
80 };
81 cursor.onerror=fail;
82
83 },fail);
84 },
85 get: function (id,objectStoreName,success,fail) {
86 db.open(function () {
87 var
88 store = db.getObjectStore(objectStoreName),
89 req = store.get(id);
90 req.onsuccess = function (e){
91 success(e.target.result);
92 };
93 req.onerror=fail;
94 });
95 },
96 // delete是保留字
97 ‘delete‘: function (id,objectStoreName,success,fail) {
98 db.open(function () {
99 var
100 mode = ‘readwrite‘,
101 store, req;
102 store = db.getObjectStore(objectStoreName,mode);
103 req = store.delete(id);
104 req.onsuccess = success;
105 req.onerror=fail;
106 });
107 },
108 deleteAll: function (objectStoreName,success,fail) {
109 db.open(function () {
110 var mode, store, req;
111 mode = ‘readwrite‘;
112 store = db.getObjectStore(objectStoreName,mode);
113 req = store.clear();
114 req.onsuccess = success;
115 req.onerror=fail;
116 });
117 }
118 };
119
120 return db;
121 }]);
View Code
IndexedDB通用功能封装成angular服务
标签：
本文系统来源：http://www.cnblogs.com/weir-LV/p/5982538.html
内容总结
以上是互联网集市为您收集整理的IndexedDB通用功能封装成angular服务全部内容，希望文章能够帮你解决IndexedDB通用功能封装成angular服务所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】