第三单元 数据表与 API
第9课 HTTP：请求与响应
浏览器问，服务答——点赞提交也是一次问答。
提交不是魔法：浏览器问一句，接口答一句。
看懂这一来一回，你就看穿半个网站。
今天用小球动画建立直觉。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 能画问答应箭头。
- 能指出请求里大致有什么。
- 能说明失败也是一种应答。
三、弄懂这件事
这一课就这几小步：
1．谁问谁答
提交不是魔法：浏览器问一句，服务答一句。
页面负责提问，服务负责回答；教室里这个服务可能由基建提供。
看懂这一来一回，你就看穿半个网站。
2．请求里有什么
请求里要带齐做事所需的信息。
常见包括：要送给谁、内容是什么，以及必要的身份线索。
缺了关键字段，服务就没法正确处理。
3．失败
连不上或答错了，也要给人话提示，不要空白。
同学看见「暂时连不上，请再试」比看见白屏更安心。
失败也是产品要设计的一部分。
点一点就明白
点下面的按钮，看屏幕上发生了什么。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
问答应图
画提交赞的问答应。
做对了会怎样发送侧和接收侧（或管理侧）角色对应正确。
做不出来怎么办讲清数据从浏览器到服务（或本机存储）怎么走。
列出请求三项信息。
做对了会怎样三项齐全，并且写明了接收人。
做不出来怎么办to（接收人）、content（赞语）、status（如 pending）。
写失败时页面应显示的一句。
做对了会怎样提示用同学能懂的人话，不是生硬代码号。
做不出来怎么办失败人话可写：暂时发不出去，请检查接收人。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
show/l09.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 show/l09.html。
做单个 HTML，标题「HTTP：请求与响应」。 画简单箭头：页面提交赞 → 服务（或本机存储）应答。 列出请求里至少三项（例如接收人、内容、状态）；再写一句失败时的人话提示。 说明页即可，不要真服务器。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
以为前端自己「永远存真」。
失败无提示。
七、带走这几句
- 提交像问答：你发出去，系统要给回执或状态。
- 失败路径也要做出应答体验，不能静默无反应。
八、打勾再往下
- 有问答应图。
- 有失败人话。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
提交赞时谁在问？
应答失败应？
请求应含？