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' })） - 适用于离线应用、缓存场景，不适用于多用户共享或持久化服务端数据
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
