js获取天气
2024-10-15 19:00:58
我们经常看到有的网站显示天气信息,它是怎么做出来的呢?今天就来分享一些关于js调用天气API的几种做法。
网上也能找到很多种方法,但是一般都是免费的不好用,好用的不免费。
以前用过新浪的天气api,查询当天和明天的天气还凑合(虽然不是很准),后来有一个要查询七天的需求,试了好多次都不行,只能另辟蹊径了。
在网上找到一个www.k780.com/ 貌似是国外的,需要注册一下,获得到接口需要的参数appkey和sign值,目前是不收费的,下面就把代码粘出来,附带注释
var paramUrl = "http://api.k780.com:88/?app=weather.future&weaid=" + url + "&appkey=" + appkey + "&sign=27c89ecea48a0e28f9c25f23be6a4e40&format=json";
$.ajax({
url: paramUrl,
type: "get",
dataType: "jsonp",
jsonp: 'jsoncallback',
async: false,
data: "",
// success: eval(funback) 封装成方法时,这里是回调参数名称
success:function(data){
//这里处理返回的结果 json格式的
}
});
其中weaid:地址,可以是名称可以是IP,appkey sign是注册获取的
返回的结果,返回七天的值,这里只截取了一天的,其中值得一提的是weather_icon字段,天气的图片,有几个版本的大图小图,可以在网站上下载
{"success":"1","result":[{"weaid":"2071","days":"2016-06-01","week":"星期三","cityno":"hbyangxin","citynm":"阳新","cityid":"101200603","temperature":"28℃/20℃","humidity":"0℉/0℉","weather":"暴雨转小雨","weather_icon":"http://api.k780.com:88/upload/weather/d/10.gif","weather_icon1":"http://api.k780.com:88/upload/weather/n/7.gif","wind":"北风","winp":"3-4级","temp_high":"28","temp_low":"20","humi_high":"0","humi_low":"0","weatid":"11","weatid1":"8","windid":"20","winpid":"14"}]}
总起来说这个还是比较蛮好用的,参数少,返回值清晰齐全。存在ajax请求跨域问题,现在还没搞太清楚,使用是没问题的,等搞明白了再来补充
最新文章
- iOS多线程到底不安全在哪里?
- LeetCode OJ 150. Evaluate Reverse Polish Notation
- C# 实现字符串去重
- Oracle 怎么让id自增加
- RequireJS示例
- How to install Apache Server on Windows
- bzoj 1051: [HAOI2006]受欢迎的牛 tarjan缩点
- JAVA GUI学习 - JMenuBar菜单条、JMenu菜单、JMenuItem菜单项组件学习
- 逛公园 [NOIP2017 D1T3] [记忆化搜索]
- SpringBoot使用JSP(官网Demo)
- css浮动(float)及清除浮动的几种实用方法
- centos7下源码安装多个nginx步骤完整版
- 1.Django学习
- window跟vue变量互相绑定
- 设置全局git忽略文件 gitconfig
- BZOJ4654 NOI2016国王饮水记(动态规划+三分)
- 【图算法】Dijkstra算法及变形
- C++ 动态内存
- fastjson数据格式转换 SerializerFeature属性详解
- 《Java程序设计》实验三(敏捷开发与XP实践)20155214 实验报告