ajax獲取用戶所在地天氣的方法
更新時間:2017年10月11日 14:08:37 作者:fight139
這篇文章主要為大家詳細介紹了ajax獲取用戶所在地天氣的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
使用ajax獲取用戶所在地的天氣,供大家參考,具體內容如下
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實現(xiàn)用戶名校驗的傳統(tǒng)和jquery的$.post方式(實例講解)
下面小編就為大家分享一篇ajax實現(xiàn)用戶名校驗的傳統(tǒng)和jquery的$.post方式的實例講解,具有很好的參考價值,希望對大家有所幫助2017-12-12
AJax 學習筆記二(onreadystatechange的作用)
初次接觸onreadystatechange這個事件句柄不知道有何用處,看過一篇文章的介紹之后,終有大致所了解。2010-04-04
AngularJS tab欄實現(xiàn)和mvc小案例實例詳解
這篇文章主要介紹了angularJS tab欄實現(xiàn)和mvc小案例,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2017-05-05

