HTML5 无法直接通过 GET 方法获取数据库记录，需前后端协同：前端用 fetch 发起 HTTP GET 请求，后端接收主键参数、查询数据库并返回 JSON；或纯前端用 IndexedDB 的 get(key) 实现本地主键查询。

HTML5 本身不提供数据库操作能力，无法直接用 GET 方法根据主键获取记录。所谓“HTML5 中 Get 方法获取记录”，实际是前端（HTML5 + JavaScript）通过 HTTP GET 请求，向后端 API 发起查询，由后端根据主键查库并返回数据。关键在前后端协同，而非 HTML5 独立完成。

明确前后端职责分工

HTML5 页面负责：构建请求 URL、发起 GET 请求、解析响应、渲染结果。
后端服务负责：接收请求参数（如主键 ID）、查询数据库、返回 JSON 数据。

• 前端不能绕过服务器直接读取数据库或本地存储以外的数据源
• 若使用 IndexedDB（HTML5 原生客户端数据库），则可在纯前端实现主键查询，但此时不涉及 HTTP GET，而是调用 objectStore.get(key)
• 常见误区：把表单 method="GET" 当作“获取记录”的技术手段——它只是提交数据到服务端，仍需后端处理

使用 fetch 发起带主键的 GET 请求

在 HTML5 页面中，用 JavaScript 的 fetch() 向后端 API 获取指定主键的记录：

• URL 格式通常为：/api/users/123（RESTful 风格）或 /api/getUser?id=123（查询参数风格）
• 示例代码： <script><br> const userId = 123;<br> fetch(`/api/users/${userId}`)<br> .then(res => res.json())<br> .then(data => console.log(data))<br> .catch(err => console.error("请求失败", err));<br> </script>
• 注意设置 CORS 头（若跨域），确保后端响应包含 Access-Control-Allow-Origin

后端需提供对应接口并校验主键

前端发请求，后端必须有配套接口才能生效：

• 接口应接收主键参数（路径参数或查询参数），并做类型和范围校验（如非负整数、长度限制）
• 查询数据库时使用预编译语句防 SQL 注入，例如 Node.js + MySQL： db.query('SELECT * FROM users WHERE id = ?', [id], ...)
• 返回标准 JSON 响应，如成功返回 { "id": 123, "name": "张三" }，失败返回 { "error": "未找到" } 及合适 HTTP 状态码（如 404）

补充：纯前端用 IndexedDB 按主键查记录

若无需服务端，仅在浏览器本地存取，可用 IndexedDB 实现真正“HTML5 内置”的主键查询：

立即学习“前端免费学习笔记（深入）”；

• 打开数据库，获取 objectStore，调用 get(key) 方法
• 示例： const request = db.transaction(['users']).objectStore('users').get(123);
  request.onsuccess = () => { console.log(request.result); };
• 主键需在创建 objectStore 时指定（如 createObjectStore('users', { keyPath: 'id' })）
• 适用于离线应用、缓存场景，不适用于多用户共享或持久化服务端数据