浏览器、URL 与 HTTP
记录一次页面请求的方法、地址、状态码和响应类型，为四种失败写出用户提示。
课程全目录 · 选择章节
本课学习目标
- • 理解 — URL 标识资源，HTTP 请求用方法、头与正文表达操作，响应通过状态码、头与正文返回结果。GET 应用于读取；写入操作要考虑身份、重复提交和缓存。HTTPS 加密传输，但不替你实现访问控制。
- • 应用 — 打开开发者工具观察笔记接口：200 表示读取成功，401 表示未登录，403 表示无权限，404 表示资源不可见。不要让每种失败都显示同一个网络错误。
- • 验证 — 记录一次页面请求的方法、地址、状态码和响应类型，为四种失败写出用户提示。
完成路径
阅读概念与案例 → 完成动手任务 → 勾选实践检查 → 回答检查点 → 保存完成记录。练习由你自行检查，不会假装成自动代码评分。
01 / 核心概念
URL 标识资源，HTTP 请求用方法、头与正文表达操作，响应通过状态码、头与正文返回结果。GET 应用于读取；写入操作要考虑身份、重复提交和缓存。HTTPS 加密传输，但不替你实现访问控制。
打开开发者工具观察笔记接口：200 表示读取成功，401 表示未登录，403 表示无权限，404 表示资源不可见。不要让每种失败都显示同一个网络错误。
不要把 HTTPS 当作权限校验，也不要用 GET 执行删除。浏览器缓存与预取可能重复读取请求，副作用应使用合适的方法。
02 / 心智模型
理解
URL 标识资源，HTTP 请求用方法、头与正文表达操作，响应通过状态码、头与正文返回结果。GET 应用于读取；写入操作要考虑身份、重复提交和缓存。HTTPS 加密传输，但不替你实现访问控制。
应用
打开开发者工具观察笔记接口：200 表示读取成功，401 表示未登录，403 表示无权限，404 表示资源不可见。不要让每种失败都显示同一个网络错误。
验证
记录一次页面请求的方法、地址、状态码和响应类型，为四种失败写出用户提示。
03 / 代码骨架
const response = await fetch('/api/notes');
if (!response.ok) throw new Error(`HTTP ${response.status}`);这是解释结构的代码骨架，外部函数与数据需要在实际项目中实现。
04 / 贯穿案例
放进真实情境里看
打开开发者工具观察笔记接口：200 表示读取成功，401 表示未登录，403 表示无权限，404 表示资源不可见。不要让每种失败都显示同一个网络错误。
- 01
分析边界
URL 标识资源，HTTP 请求用方法、头与正文表达操作，响应通过状态码、头与正文返回结果。GET 应用于读取；写入操作要考虑身份、重复提交和缓存。HTTPS 加密传输，但不替你实现访问控制。
- 02
观察具体过程
打开开发者工具观察笔记接口：200 表示读取成功，401 表示未登录，403 表示无权限，404 表示资源不可见。不要让每种失败都显示同一个网络错误。
- 03
验证失败路径
不要把 HTTPS 当作权限校验，也不要用 GET 执行删除。浏览器缓存与预取可能重复读取请求，副作用应使用合适的方法。
05 / 动手做
用自己的产物检验理解
记录一次页面请求的方法、地址、状态码和响应类型，为四种失败写出用户提示。
完成时检查
- 提交可阅读的实现或流程图，并注明输入和输出。
- 至少覆盖一个成功案例与一个失败案例。
- 解释本课的边界，写出仍未解决的一项限制。
自动保存在当前浏览器，不会同步到账户。
06 / 检查点