Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js indexdb

作者:妳會吥會在吥經意間想起莪?   发布日期:2026-02-21   浏览:71

// 打开或创建一个 IndexedDB 数据库
const dbName = 'myDatabase';
const dbVersion = 1;
const objectStoreName = 'myObjectStore';

let request = indexedDB.open(dbName, dbVersion);

request.onerror = function(event) {
  console.error('数据库打开失败');
};

request.onsuccess = function(event) {
  console.log('数据库打开成功');
  let db = event.target.result;

  // 进行数据库操作,比如添加、读取数据等
  // 示例:添加数据
  let transaction = db.transaction([objectStoreName], 'readwrite');
  let objectStore = transaction.objectStore(objectStoreName);

  let addRequest = objectStore.add({ id: 1, value: 'Hello IndexedDB' });
  addRequest.onsuccess = function(event) {
    console.log('数据添加成功');
  };

  // 示例:读取数据
  let getRequest = objectStore.get(1);
  getRequest.onsuccess = function(event) {
    if (getRequest.result) {
      console.log('读取的数据:', getRequest.result.value);
    } else {
      console.log('未找到数据');
    }
  };
};

request.onupgradeneeded = function(event) {
  let db = event.target.result;

  // 创建对象存储空间(类似于表)
  if (!db.objectStoreNames.contains(objectStoreName)) {
    db.createObjectStore(objectStoreName, { keyPath: 'id' });
  }
};

解释说明:

  1. 打开或创建数据库:使用 indexedDB.open 方法打开或创建一个名为 myDatabase 的数据库。如果数据库不存在,则会创建一个新的数据库。
  2. 错误处理:通过 request.onerror 处理数据库打开失败的情况。
  3. 成功处理:通过 request.onsuccess 处理数据库打开成功的情况,并进行后续的操作,如添加和读取数据。
  4. 版本升级:通过 request.onupgradeneeded 处理数据库版本升级的情况,在这里可以创建新的对象存储空间(类似于表)。
  5. 添加数据:通过 objectStore.add 方法向对象存储空间中添加一条记录。
  6. 读取数据:通过 objectStore.get 方法从对象存储空间中读取一条记录。

希望这段代码和解释对你有帮助!

上一篇:js 日期

下一篇:js class constructor

大家都在看

js 数组打乱顺序

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站