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,
//設(shè)置驗證方式,設(shè)置請求頭
//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')
}
});
}
});
輸出結(jié)果:

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
AJAX 動態(tài)加載后臺數(shù)據(jù) 綁定select的方法
今天小編就為大家分享一篇AJAX 動態(tài)加載后臺數(shù)據(jù) 綁定select的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
ajax 操作全局監(jiān)測,用戶session失效的解決方法
下面小編就為大家?guī)硪黄猘jax 操作全局監(jiān)測,用戶session失效的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
ajaxrequest.js ajaxrequest 0.7最新版 使用AJAXRequest進行AJAX應(yīng)用程序開發(fā)入
ajaxrequest.js ajaxrequest 0.7最新版 使用AJAXRequest進行AJAX應(yīng)用程序開發(fā)入門小技巧...2007-12-12
asp.net 全部選中與取消操作,選中后的刪除(ajax)實現(xiàn)無刷新效果
現(xiàn)在我們在編程的時刻總是要利用一些最新的技術(shù)去解決問題。。。。下面是我用ajax與jequery結(jié)合在一起使用的一個實例。希能給一起學(xué)習(xí)的朋友們帶來幫助。2009-06-06
利用 Linq+Jquery+Ajax 實現(xiàn)異步分頁功能可簡化帶寬壓力
網(wǎng)上的分頁方法甚多,但都太過于消耗帶寬,所以我想到了用Ajax來分頁,利用返回的Json來處理返回的數(shù)據(jù),大大簡化了帶寬的壓力2014-05-05

