1. 程式人生 > >調用天氣接口獲取天氣預報

調用天氣接口獲取天氣預報

大量 UNC image 成都 pan demo 但是 頁面 ror

最新做到一個小練習,涉及到天氣預報的溫度獲取,首先感謝眾多前輩提供的大量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>

技術分享圖片

調用天氣接口獲取天氣預報