ajax調用免費的天氣API

    最近在做項目中要用到調用天氣接口，在網上找了很多資料之后發現https://www.tianqiapi.com/的天氣API挺好的，好用而且免費，調用也很簡單。在此做個筆記，大家一起學習交流，如有問題歡迎指正。

天氣API文檔截圖：appid及appsecret通過申請在 用戶中心查看。cityid如果不添加默認的是當前IP地址所在的地區。

 

 

 

 

ajax代碼：result中返回的是近7天的天氣預報情況，由於我這邊只需要去當天的直接就取了data[0]。

 Hqtq() {
                     
                        this.ajax({
                            //url: 'https://www.tianqiapi.com/api/',
                            url:'https://www.tianqiapi.com/api/?version=v1&appid=XXXX&appsecret=$$$$$',
                            success: function(result) {
                                this.Weatherdata = result.data[0];
                               
                            }
                        })

                    }

 

HTML代碼：前端用了Vue.js

<div><a class="Weatherssd">{{Weatherdata.tem2}}</a><a class="WeatherState">{{Weatherdata.wea}}</a><a class="WeatherDate">{{Weatherdata.date}} {{Weatherdata.week}}</a><a class="WeatherPersent">{{Weatherdata.humidity}}%</a></div>