開發天氣的項目要使用跨域請求數據的情況,這樣程序員要怎么進行操作,才能獲取到其他地區的數據,還能保證安全問題呢?錯新技術頻道告訴大家ajax獲取用戶所在地天氣的方法,大家一起來學習吧!
1.要獲取用戶歸屬地的天氣,首先得獲取用戶所在的市區,這里先獲取用戶的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獲取用戶所在地天氣的方法,看了以上的介紹,對你學習有沒有幫助呢?如果你想了解更多知識,請繼續關注我們的網站吧!
新聞熱點
疑難解答
圖片精選