js获取天气

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取天气相关的知识,希望对你有一定的参考价值。

  我们经常看到有的网站显示天气信息,它是怎么做出来的呢?今天就来分享一些关于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请求跨域问题,现在还没搞太清楚,使用是没问题的,等搞明白了再来补充

 

以上是关于js获取天气的主要内容,如果未能解决你的问题,请参考以下文章

用JS怎样显示自动获取城市和天气预报

简单使用jsonp获取天气

如何用js获取景区天气预报呢

原生JS和jQuery分别使用jsonp来获取“当前天气信息”

js ajax数据的获取小示例 天气信息填充表格

js获取天气