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

Posted 2021-02-03 zhh-blogs

最新做到一个小练习，涉及到天气预报的温度获取，首先感谢众多前辈提供的大量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>