天气预报接口调用方法有哪些（天气预报接口调用方法有哪些呢）



• 天气
• 获取当前ip
• 根据ip获取所在城市

天气预报一般是用户访问时自动显示用户当前城市的天气，此处我没找到直接获得用户当前城市的api，解决方法是使用百度地图根据ip获取城市的api，要获取ip地址，所以用到搜狐获取当前用户ip地址的api，有点绕圈了。。。不过没关系，一步一步来。

1、引入jQuery，以及获取当前IP的api

只需要页面引入script以及js中使用方法调用即可

index.js中获取ip

2、根据ip获取城市

这里需要用到百度api，需要注册百度开放平台的账号，会有文档指导选择对应的api，创建网站应用获得ak号

ajax进行发起请求，jsonp解决跨域问题

传入城市获取天气

这里比较繁琐的主要是数据绑定到页面显示，大伙们可以看返回值进行数据的筛选或加工，更好的符合你的需求。还有判断显示图标。。我这里用的是阿里图标库的图标进行显示，需要花点时间，耐心点就好啦。

进入网站显示当前天气

输入框获得焦点

输入北京敲击回车或失去焦点，自动更新

输入错误信息，这个弹框界面可以美化美化~~

做到这里是不是感觉前端做的事情还是挺有趣的呢，不光是看到的美观，内部逻辑的实现也是十分重要，完成之后相信你会获得成就感~继续加油吧！

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/bcyy/31285.html