首页 > web前端 > js教程 > 正文

javascript如何操作数据库_IndexedDB的基本概念是什么

幻影之瞳
发布: 2025-12-18 22:22:31
原创
114人浏览过
IndexedDB 是浏览器内置的异步、持久化客户端 NoSQL 数据库,基于对象仓库和索引实现结构化数据存储,适用于离线应用与本地缓存,不支持 SQL 关联查询,不能替代服务端数据库。

javascript如何操作数据库_indexeddb的基本概念是什么

JavaScript 本身不能直接操作传统数据库(如 MySQL、PostgreSQL),它运行在浏览器环境中,出于安全限制,无法直连服务器端数据库。但浏览器提供了 IndexedDB —— 一种内置的、持久化的、客户端 NoSQL 数据库存储方案,专为 Web 应用离线存储大量结构化数据而设计。

IndexedDB 是什么?

IndexedDB 是一个低级 API,允许你在用户的浏览器中异步存储大量结构化数据(包括文件和二进制对象)。它不是关系型数据库,不支持 SQL 查询,而是基于键值对 + 对象仓库(Object Store)+ 索引(Index)的模型。

关键特点:

  • 异步操作:所有读写都通过请求-响应模式,避免阻塞主线程
  • 事务机制:操作必须在事务(transaction)中进行,保证数据一致性
  • 键值存储:每条记录以主键(key)唯一标识,可自定义或由系统生成
  • 支持索引:可为对象属性创建索引,实现按非主键字段快速查询
  • 同源限制:每个域名(协议+域名+端口)有独立的数据库,互不共享

基本操作流程是怎样的?

使用 IndexedDB 的典型步骤包括:打开数据库 → 创建/升级结构(对象仓库)→ 启动事务 → 增删改查数据。

立即学习Java免费学习笔记(深入)”;

简单示例(打开并初始化用户表):

PHP高级开发技巧与范例
PHP高级开发技巧与范例

PHP是一种功能强大的网络程序设计语言,而且易学易用,移植性和可扩展性也都非常优秀,本书将为读者详细介绍PHP编程。 全书分为预备篇、开始篇和加速篇三大部分,共9章。预备篇主要介绍一些学习PHP语言的预备知识以及PHP运行平台的架设;开始篇则较为详细地向读者介绍PKP语言的基本语法和常用函数,以及用PHP如何对MySQL数据库进行操作;加速篇则通过对典型实例的介绍来使读者全面掌握PHP。 本书

PHP高级开发技巧与范例 486
查看详情 PHP高级开发技巧与范例
const request = indexedDB.open("myAppDB", 1);

request.onupgradeneeded = function(event) {
  const db = event.target.result;
  // 创建名为 "users" 的对象仓库,主键为 "id"
  if (!db.objectStoreNames.contains("users")) {
    const store = db.createObjectStore("users", { keyPath: "id" });
    // 为 name 字段添加索引,支持按姓名查找
    store.createIndex("byName", "name", { unique: false });
  }
};

request.onsuccess = function(event) {
  const db = event.target.result;
  console.log("数据库打开成功");
};
登录后复制

怎么存、取、删数据?

所有数据操作都在事务中完成,常见方法如下:

  • 添加数据:用 add()(主键不能重复)或 put()(可更新)
  • 读取单条:用 get(key)getKey(key)
  • 按索引查询:先获取索引对象,再用 index.get(value)index.openCursor()
  • 删除数据:用 delete(key)
  • 遍历全部:用 objectStore.openCursor() 配合游标迭代

注意:每个操作返回一个 IDBRequest 对象,通过监听 onsuccess / onerror 获取结果,不是 Promise(但可用 promisify 封装)。

它适合做什么?不适合做什么?

适合场景:

  • 离线 Web 应用(如笔记、待办、邮件客户端)缓存数据
  • 大文件分块上传前的本地暂存
  • 保存用户偏好、表单草稿、历史记录等结构化客户端数据

不适合场景:

  • 需要复杂关联查询(JOIN)、聚合统计(GROUP BY)的业务
  • 高并发多用户实时协作(它只在单个浏览器内生效)
  • 替代服务端数据库——它只是前端补充,不能取代后端存储

基本上就这些。IndexedDB 功能强大但 API 较底层,实际项目中常配合 idb(轻量 Promise 封装库)使用,大幅提升开发体验。

以上就是javascript如何操作数据库_IndexedDB的基本概念是什么的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号