两个厨房之间的服务员
想象一家餐厅。你(网站)想点菜,但不能进厨房(外部服务——天气、地图、AI)。服务员 就是干这个的——拿你的单、送到厨房、把菜端回来。
这个服务员叫 API(Application Programming Interface)。程序之间约定好的要数据方式:
- 网站发 请求(“明天布尔诺天气怎样?”)。
- API 转给知道答案的服务。
- 服务用约定格式返回 响应。
跟我看:JSON——共同语言
程序用 JSON 回复。看起来几乎像 JavaScript 对象,魔法师级已经见过:
{
"mesto": "Brno",
"teplota": 21,
"slunecno": true,
"dny": ["Saturday", "Sunday"]
}
- 文字加引号,数字不加。
true/false条件里学过。- 方括号 = 列表,花括号 = 对象。
现在就试——在浏览器打开这个地址(真天气 API,免费,不用注册):
https://api.open-meteo.com/v1/forecast?latitude=49.19&longitude=16.61¤t_weather=true
你会看到布尔诺当前天气的 JSON。没有图形——纯数据。图形你来画!
💡
API 无处不在。 手机 App 显示预报、公交、地图,几乎都不是自己存数据——通过 API 问。现在你在学同样的事。
轮到你了 💪
- 在浏览器打开上面地址,在响应里找当前 温度 和 风速。
- 试着把地址里的
latitude、longitude改成你城市的坐标(地图服务右键 → “What’s here?”)。 - 为项目写下 2–3 个想法:什么外部数据对网站有用:
🏫 学校网站——想法
郊游天气、学校位置地图、食堂菜单 API(如果有)、假期和放假。
🙋 个人网站——想法
你所在城市天气、去过地方的地图、回答访客关于你的 AI 聊天机器人。
🌍 旅行日记——想法
旅行地点地图钉、下一目的地天气、旅行预算货币换算。
⚽ 俱乐部网站——想法
周末比赛天气、客队用的球场地图、解释足球规则的 AI 助手。
✅
检查一下: 你能解释 API 是什么(程序之间的服务员)并认出 JSON。在浏览器看过真 API 响应。
这堂课你要记住
- API = 程序之间约定好的要数据方式。
- 响应用 JSON——和 JavaScript 一样的对象和列表。
- 下一课用
fetch把 API 数据直接拉进网站。
© 2026 Ing. Martin Polak / AlgoRhino · 内容使用条款