ajax獲取用戶所在地天氣的方法
使用ajax獲取用戶所在地的天氣,供大家參考,具體內(nèi)容如下
1.要獲取用戶歸屬地的天氣,首先得獲取用戶所在的市區(qū),這里先獲取用戶的IP,通過IP獲取IP的歸屬地,從而得到用戶地址。
2.因?yàn)榘⒗镌铺峁┝送ㄟ^城市名(city)或者城市編號(hào)(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) //因?yàn)槭钱惒剿⑿?,所以兩個(gè)請(qǐng)求幾乎同時(shí)進(jìn)行 $.ajax({ type: 'get', url: 'http://jisutqybmf.market.alicloudapi.com/weather/query', async: true, //設(shè)置驗(yàn)證方式,設(shè)置請(qǐng)求頭 //1,APPCode headers: { Authorization: "APPCODE 你的APPCode" }, //2.APPSecret 暫時(shí)不能用 //headers: { AppKey: '你的APPKey', AppSecret :'你的APPSecret' }, data: { city: city1 }, success: function (result) { console.log(result['result']) //alert(result) }, error: function () { alert('error') } }); } });
輸出結(jié)果:
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Ajax 通過城市名獲取數(shù)據(jù)(全國天氣預(yù)報(bào)API)
- PHP Ajax JavaScript Json獲取天氣信息實(shí)現(xiàn)代碼
- PHP+AJAX無刷新實(shí)現(xiàn)返回天氣預(yù)報(bào)數(shù)據(jù)
- JS HTML5 音樂天氣播放器(Ajax獲取天氣信息)
- AJAX集天氣\IP\多國語言翻譯MP3(可同步LRC歌詞顯示)\萬年歷查詢通
- 天楓AJAX天氣預(yù)報(bào)系統(tǒng)V1.0
- 配合AJAX天氣預(yù)報(bào)的webService 之a(chǎn)sp
- AJAX天氣預(yù)報(bào)前臺(tái)
相關(guān)文章
零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡(jiǎn)介和基礎(chǔ)
本系列我們將來逐步學(xué)習(xí)ajax,作為本系列的開篇文章,我們還是俗套些,先來講解下ajax的簡(jiǎn)介和基礎(chǔ)知識(shí)吧。2015-01-01基于ajax實(shí)現(xiàn)點(diǎn)擊加載更多無刷新載入到本頁
本文給大家介紹通過ajax技術(shù)實(shí)現(xiàn)無刷新加載更多載入到本頁,感興趣的朋友一起學(xué)習(xí)吧2015-10-10ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式(實(shí)例講解)
下面小編就為大家分享一篇ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助2017-12-12AJax 學(xué)習(xí)筆記二(onreadystatechange的作用)
初次接觸onreadystatechange這個(gè)事件句柄不知道有何用處,看過一篇文章的介紹之后,終有大致所了解。2010-04-04結(jié)合AJAX進(jìn)行PHP開發(fā)之入門
結(jié)合AJAX進(jìn)行PHP開發(fā)之入門...2006-12-12AngularJS tab欄實(shí)現(xiàn)和mvc小案例實(shí)例詳解
這篇文章主要介紹了angularJS tab欄實(shí)現(xiàn)和mvc小案例,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2017-05-05非常簡(jiǎn)單的Ajax請(qǐng)求實(shí)例附源碼
這篇文章為大家推薦了一個(gè)非常簡(jiǎn)單的Ajax請(qǐng)求實(shí)例,可以在不重載頁面的情況與 Web 服務(wù)器交換數(shù)據(jù),感興趣的小伙伴們可以參考一下2015-11-11