码迷,mamicode.com
首页 > 其他好文 > 详细

调用天气接口获取天气预报

时间:2019-01-16 15:34:53      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:联系   version   img   fun   技术分享   success   引用   doc   tps   

最新做到一个小练习,涉及到天气预报的温度获取,首先感谢众多前辈提供的大量demo,但是美中不足在于,之前大多数demo所使用的天气接口基本上失效,或者收费了。偶然之间找到一个天气的接口 http://doc.tianqiapi.com/603579 (如有侵权请联系作者删除),截图如下:

技术分享图片

几近完善的一个接口及例子,感谢 https://www.tianqiapi.com/ 此网站所提供的免费接口。同时此接口还提供了JS调用实例,所以基本上直接引用就可以得到所需要的温度范围了

$(function () {
$.ajax({
type: ‘GET‘,
url: ‘https://www.tianqiapi.com/api/‘,
data: ‘version=v1&city=成都‘,
dataType: ‘JSON‘,
error: function () {
alert(‘网络错误‘);
},
success: function (res) {
$("#Ptxt").text(res.data[0].tem2 + "~" + res.data[0].tem1);
}
});

})

下面是所使用的地方及页面的展示效果:

<div class="index-time-box">
<p id="Ptxt"></p>
<span><%=DateTime.Now.ToString() %></span>
</div>

 

技术分享图片

 

调用天气接口获取天气预报

标签:联系   version   img   fun   技术分享   success   引用   doc   tps   

原文地址:https://www.cnblogs.com/zhh-blogs/p/10277117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!