首页 > 代码库 > [Js/Jquery]天气接口简单使用
[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=http://www.mamicode.com/‘" + v.weather_icon + "‘></img>" + "<br/>" + "weather_icon1:" + "<img src=http://www.mamicode.com/‘" + 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,研究研究跨域请求还是有帮助的。
[Js/Jquery]天气接口简单使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。