栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

举例说明如何使用WebSQL?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

举例说明如何使用WebSQL?

    var dbName = 'project';    // 版本    var version = 1;    // 数据库数据结果    var db;    // 打开数据库    var DBOpenRequest = window.indexedDB.open(dbName, version);    // 如果数据库打开失败    DBOpenRequest.onerror = function(event) {        console.warn('数据库打开失败');    };    DBOpenRequest.onsuccess = function(event) {     // 存储数据结果        db = DBOpenRequest.result;    };        // 下面事情执行于:数据库首次创建版本,或者window.indexedDB.open传递的新版本(版本数值要比现在的高)    DBOpenRequest.onupgradeneeded = function(event) {        var db = event.target.result;  db.onerror = function(event) {          console.warn('数据库打开失败');        }; // 创建一个数据库存储对象        var objectStore = db.createObjectStore(dbName, {  keyPath: 'id', autoIncrement: true        }); // 定义存储对象的数据项        objectStore.createIndex('id', 'id', { unique: true });        objectStore.createIndex('name', 'name');        objectStore.createIndex('begin', 'begin');        objectStore.createIndex('end', 'end');        objectStore.createIndex('remark', 'remark');    };        var method = {        add: function (newItem) { var transaction = db.transaction([dbName], "readwrite"); // 打开已经存储的数据对象 var objectStore = transaction.objectStore(dbName); // 添加到数据对象中 var objectStoreRequest = objectStore.add(newItem);         objectStoreRequest.onsuccess = function(event) {     console.log('插入成功') };        },        edit: function (id, data) { // 编辑数据 var transaction = db.transaction([dbName], "readwrite"); // 打开已经存储的数据对象 var objectStore = transaction.objectStore(dbName); // 获取存储的对应键的存储对象 var objectStoreRequest = objectStore.get(id); // 获取成功后替换当前数据 objectStoreRequest.onsuccess = function(event) {     // 当前数据     var myRecord = objectStoreRequest.result;     // 遍历替换     for (var key in data) {         if (typeof myRecord[key] != 'undefined') {  myRecord[key] = data[key];         }     }     // 更新数据库存储数据          objectStore.put(myRecord); };        },        del: function (id) { // 打开已经存储的数据对象 var objectStore = db.transaction([dbName], "readwrite").objectStore(dbName);  // 直接删除  var objectStoreRequest = objectStore.delete(id); // 删除成功后 objectStoreRequest.onsuccess = function() {   console.log('删除成功') };        }    };
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/386232.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号