天气

入框负责传入参数（城市名称参数），点击按钮后进行查询
image
前端代码
本次调用天气预报接口同样是调用的万维易源的API，所以其查询规则也是按照万维易源的查询规则来写的 我们先定义自己appKey，以及定义API地址
点击查看代码
声明一个函数queryWeather ①获取到输入框的值以及div区域
②校验城市输入是否正确
③查询过度中显示加载状态
④构造请求参数，包括appKey和城市参数，如果需要其他参数，可根据API文档添加 ⑤调用API，并将返回的数据更改为json格式 ⑥解析返回数据，并根据API文档设置拼接展示内容，如需展示更多的内容，可根据API文档进行更改 ⑦最后设置一下报错信息