[Js/Jquery]天气接口简单使用

写在前面

今天在群里有朋友使用一个天气api，觉得挺实用的，就记录一下。省的以后再花费功夫去找。

地址：http://www.k780.com/api，在这个网站提供了实用的几种接口，比如查询ip，天气，身份证等信息。

参数介绍

一个例子

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title>天气</title>
 6     <script src="jquery-1.11.0.js" type="text/javascript"></script>
 7     <script type="text/javascript">
 8         $(function () {
 9             $.ajax({
10                 url: "http://api.k780.com:88/?app=weather.today&weaid=1&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=?",
11                 dataType: "jsonp",
12                 type:"Post",
13                 jsonpCallback: "jsonpCallback",
14                 success: function (data) {
15                     var $ul = $("<ul></ul>");
16                     $.each(data, function (i, v) {
17                         if (i=="success") {
18
19                         } else {
20                             $("#dvWeather").html("weaid:" + v.weaid + "<br/>" + "days:" + v.days + "<br/>" + "week:" + v.week + "<br/>" + "cityno:" + v.cityno + "<br/>" + "citynm:" + v.citynm + "<br/>" + "cityid:" + v.cityid + "<br/>" + "temperature:" + v.temperature + "<br/>" + "humidity:" + v.humidity + "<br/>" + "weather:" + "<br/>" + "weather_icon:" + "<img src='" + v.weather_icon + "'></img>" + "<br/>" + "weather_icon1:" + "<img src='" + v.weather_icon1 + "'></img><br/>" + "wind:" + v.wind + "<br/>" + "winp:" + v.winp + "<br/>" + "temp_high:" + v.temp_high + "<br/>temp_low:" + v.temp_low + "<br/>humi_high:" + v.humi_high + "<br/>humi_low:" + v.humi_low + "<br/>weatid:" + v.weatid + "<br/>weatid1" + v.weatid1 + "<br/>windid:" + v.windid + "<br/>winpid:" + v.winpid);
21                         }
22
23                     });
24                 },
25                 error: function (responseText, textStatus, XMLHttpRequest) {
26                     alert(textStatus);
27                 }
28             });
29         });
30
31     </script>
32 </head>
33 <body>
34     <div id="dvWeather"></div>
35 </body>
36 </html>

结果

总结

最后发现这个api也是收费的，对免费的访问次数也是有限制的。不过对于学习还是有点用处的，使用该api，研究研究跨域请求还是有帮助的。

博客地址：

http://www.cnblogs.com/wolf-sun/

博客版权：

本文以学习、研究和分享为主，欢迎转载，但必须在文章页面明显位置给出原文连接。
如果文中有不妥或者错误的地方还望高手的你指出，以免误人子弟。如果觉得本文对你有所帮助不如【推荐】一下！如果你有更好的建议，不如留言一起讨论，共同进步！
再次感谢您耐心的读完本篇文章。http://www.cnblogs.com/wolf-sun/p/4181259.html

[Js/Jquery]天气接口简单使用相关推荐

[Jquery]天气接口简单使用
地址:http://www.k780.com/api,在这个网站提供了实用的几种接口,比如查询ip,天气,身份证等信息. 说明数据来源: 国家气象局 www.weather.com.cn 更新频率: ...
实现简单的PHP接口，以及使用js/jquery ajax技术调用此接口
主要介绍下如何编写简单的php接口,以及使用js/jquery的ajax技术调用此接口. Php接口文件(check.php): <?php $jsonp_supporter = $_GET[' ...
JS JQuery实现简单的鼠标移动动画效果
JS JQuery实现简单的鼠标移动动画效果说明: 之前看到过很多别人写的的网页鼠标特效,感觉很炫酷. 但是那些都涉及到复杂的数学知识和逻辑,我没有能力写出类似的鼠标效果,于是我仿照一般的显示鼠标移 ...
百度地图简单调用js及天气获取
这是一个简单的小例子,获取天气过程可能有点繁琐,本次通过获取所在的城市,根据城市获取城市编码,再根据编码获取当前城市的天气情况.当然网上有很多关于天气获取的,如知心天气.中国气象局.和风天气.free ...
Android 实现简单当前时间点的天气情况（和风天气接口）
今天闲来无事,通过和风天气接口实现了一个简单的获取当前时间点的天气情况,话不多说,直接给大家展示代码,功能是挺简单的, 1.获取数据的实体类: package wxc.com.weatheer;imp ...
html+css+js+jquery之常见的的本地存储实现一个简单的todoList项目
前言就在几天前,在b站的某博主那里看见了一个面试的模拟,意外看到那个同学有一个todoList的项目很显然,这个项目就和本次我所要展示的项目代码原理一致,但是界面上我这个就会不太美观. 知识点本 ...
js,jquery,css,html5特效
js,jquery,css,html5特效包含js,jquery,css,html5特效,源代码本文地址:http://www.cnblogs.com/Jeremy2001/p/6089343.h ...
html5数组删除相同数据,js数组相减简单示例【删除a数组所有与b数组相同元素】...
js数组相减简单示例[删除a数组所有与b数组相同元素] 本文实例讲述了js数组相减.分享给大家供大家参考,具体如下: js数组相减 function arrChange( a, b ){ for (v ...
抓包中华万年历得到天气接口
抓包中华万年历得到天气接口首先,我说一说我遇到这个需求的场景.我正在维护一个关于地方政府的政务后台系统.甲方要求可以按照登陆地显示当地天气.我分析了一下,这种功能应该被实现很多次.网上应该有现成的接 ...

[Js/Jquery]天气接口简单使用

写在前面

参数介绍

一个例子

总结

[Js/Jquery]天气接口简单使用相关推荐

最新文章

热门文章