您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關ajax如何獲取用戶所在地天氣,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
使用ajax獲取用戶所在地的天氣,供大家參考,具體內(nèi)容如下
1.要獲取用戶歸屬地的天氣,首先得獲取用戶所在的市區(qū),這里先獲取用戶的IP,通過IP獲取IP的歸屬地,從而得到用戶地址。
2.因為阿里云提供了通過城市名(city)或者城市編號(cityId)
即可獲取天氣的API,從而獲取用戶歸屬地天氣
var city1; $.ajax({ //獲取客戶端 IP 和 歸屬地 url: "http://chaxun.1616.net/s.php?type=ip&output=json", dataType: "jsonp", success: function (data) { console.log('ip:' + data.Ip) console.log('歸屬地:' + data.Isp) var lcity = data.Isp.split(' ')[0]; //獲取短名稱,如淮安市 city1 = lcity.split('省')[1]; console.log(city1) //因為是異步刷新,所以兩個請求幾乎同時進行 $.ajax({ type: 'get', url: 'http://jisutqybmf.market.alicloudapi.com/weather/query', async: true, //設置驗證方式,設置請求頭 //1,APPCode headers: { Authorization: "APPCODE 你的APPCode" }, //2.APPSecret 暫時不能用 //headers: { AppKey: '你的APPKey', AppSecret :'你的APPSecret' }, data: { city: city1 }, success: function (result) { console.log(result['result']) //alert(result) }, error: function () { alert('error') } }); } });
輸出結果:
ajax是一種在無需重新加載整個網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術,可以通過在后臺與服務器進行少量數(shù)據(jù)交換,使網(wǎng)頁實現(xiàn)異步更新。
關于“ajax如何獲取用戶所在地天氣”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。