浏览器中js操作indexedDB数据库增删改查示例代码

代码语言:html

所属分类:其他

代码描述:浏览器中js操作indexedDB数据库增删改查示例代码

代码标签: 浏览器 js 操作 indexedDB 数据库 增删改查 示例 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<script type="text/javascript">
    if ('indexedDB' in window) {
    // 如果数据库不存在则创建,如果存在但是version更大,会自动升级不会复制原来的版本
    var req = indexedDB.open("TestDB", 1);
    
    req.onupgradeneeded = function(e) {
    var db = req.result;
    // var store = db.createObjectStore("student", {autoIncrement: true}); 使用自增键
    // 创建student表
    var store = db.createObjectStore("student", {keyPath: 'id'});
    // 设置id为主键
    store.createIndex('student_id_unqiue','id', {unique: true});
    }
    
    req.onsuccess = function(event) {
    var students = [
    {id: 1, name: '小叶', age: '11'},
    {id: 2, name: '小王', age: '12'},
    {id: 3, name: '小张', age: '13'}
    ];
    
    var db = event.target.result;
    // var transaction = db.transaction('student', 'readwrite');
    var transaction = db.transaction(['student'], 'readwrite');
    transaction.onsuccess = function(event) {
    console.log('[Transaction] 好了!');
    };
    
    var studentsStore = transaction.objectStore('student&#.........完整代码请登录后点击上方下载按钮下载查看

网友评论0