摘要:抓包中華萬(wàn)年歷得到天氣接口首先,我說(shuō)一說(shuō)我遇到這個(gè)需求的場(chǎng)景。甲方要求可以按照登陸地顯示當(dāng)?shù)靥鞖狻J紫?,介紹一下中國(guó)天氣網(wǎng)的以及規(guī)范。固定通過(guò)城市名字獲得天氣數(shù)據(jù),數(shù)據(jù)。這個(gè)功能就是簡(jiǎn)單的利用從中華萬(wàn)年歷的接口拿到數(shù)據(jù)。
抓包中華萬(wàn)年歷得到天氣接口
首先,我說(shuō)一說(shuō)我遇到這個(gè)需求的場(chǎng)景。我正在維護(hù)一個(gè)關(guān)于地方政府的政務(wù)后臺(tái)系統(tǒng)。甲方要求可以按照登陸地顯示當(dāng)?shù)靥鞖?。我分析了一下,這種功能應(yīng)該被實(shí)現(xiàn)很多次。網(wǎng)上應(yīng)該有現(xiàn)成的接口,就不必讓后臺(tái)去調(diào)接口了,我直接拿數(shù)據(jù)吧。
首先,介紹一下中國(guó)天氣網(wǎng)的url以及規(guī)范。
1.請(qǐng)求方式:http get
2.數(shù)據(jù)返回:json或xml
3.接口組成:由固定URL加不同的參數(shù)組成,完整URL需客戶端經(jīng)過(guò)固定方式加密后使用。
4.固定URL:http://wthrcdn.etouch.cn/weat...
5.通過(guò)城市名字獲得天氣數(shù)據(jù),json數(shù)據(jù)。http://wthrcdn.etouch.cn/weat...
6.通過(guò)城市id獲得天氣數(shù)據(jù),json數(shù)據(jù)。http://wthrcdn.etouch.cn/weat...
7.通過(guò)城市id獲得天氣數(shù)據(jù),xml文件數(shù)據(jù)。http://wthrcdn.etouch.cn/Weat...
當(dāng)錯(cuò)誤時(shí)會(huì)有
8.通過(guò)城市名字獲得天氣數(shù)據(jù),xml文件數(shù)據(jù)。http://wthrcdn.etouch.cn/Weat...
下圖附上js具體操作
具體ajax操作
$.ajax({ type : "get", //提交方式 url : "",//路徑 data : { "" },//數(shù)據(jù),這里使用的是Json格式進(jìn)行傳輸 success : function(result) {//返回?cái)?shù)據(jù)根據(jù)結(jié)果進(jìn)行相應(yīng)的處理 if ( result.success ) { } else { } } });
總結(jié)一下這個(gè)功能的實(shí)現(xiàn)。
這個(gè)功能就是簡(jiǎn)單的利用ajax從中華萬(wàn)年歷的接口拿到j(luò)son數(shù)據(jù)。然后把數(shù)據(jù)解析寫入到html文檔里面。顯示溫度,天氣以及動(dòng)態(tài)切換天氣圖片和最低溫度、最高溫度。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/99036.html
摘要:項(xiàng)目背景龐大的用戶安裝量和恐怖的用戶使用時(shí)間,微信已成為國(guó)內(nèi)移動(dòng)互聯(lián)網(wǎng)上基礎(chǔ)設(shè)施級(jí)的應(yīng)用。以一周時(shí)間開發(fā)的微信天氣查詢助手,就是一次技術(shù)驗(yàn)證性嘗試。但就針對(duì)微信來(lái)說(shuō),不是最好的解決方案。 項(xiàng)目背景 龐大的用戶安裝量和恐怖的用戶使用時(shí)間,微信已成為國(guó)內(nèi)移動(dòng)互聯(lián)網(wǎng)上基礎(chǔ)設(shè)施級(jí)的應(yīng)用。 以微信為平臺(tái)的客服服務(wù)有很多方式,比如訂閱號(hào),服務(wù)號(hào),小程序,但受到微信官方的限制,如果想做一個(gè)聊天群的自...
摘要:淺談秒殺系統(tǒng)架構(gòu)設(shè)計(jì)后端掘金秒殺是電子商務(wù)網(wǎng)站常見(jiàn)的一種營(yíng)銷手段。這兩個(gè)項(xiàng)目白話網(wǎng)站架構(gòu)演進(jìn)后端掘金這是白話系列的文章。 淺談秒殺系統(tǒng)架構(gòu)設(shè)計(jì) - 后端 - 掘金秒殺是電子商務(wù)網(wǎng)站常見(jiàn)的一種營(yíng)銷手段。 不要整個(gè)系統(tǒng)宕機(jī)。 即使系統(tǒng)故障,也不要將錯(cuò)誤數(shù)據(jù)展示出來(lái)。 盡量保持公平公正。 實(shí)現(xiàn)效果 秒殺開始前,搶購(gòu)按鈕為活動(dòng)未開始。 秒殺開始時(shí),搶購(gòu)按鈕可以點(diǎn)擊下單。 秒殺結(jié)束后,按鈕按鈕變...
摘要:潤(rùn)物無(wú)聲,做一個(gè)有個(gè)格調(diào)的小程序快應(yīng)用現(xiàn)在可謂是家喻戶曉,也更加密切的滲透入我們的生活中,筆者也算是個(gè)愛(ài)折騰的人,俗話說(shuō)的好嘛,不折騰,不前端當(dāng)然是筆者自己的小心聲。于是在平日里忙碌的工作之余抽出來(lái)時(shí)間搞點(diǎn)事情來(lái)寫一個(gè)屬于自己的貼身小天氣。 ———— 潤(rùn)物無(wú)聲,做一個(gè)有個(gè)格調(diào)的coder小程序、快應(yīng)用現(xiàn)在可謂是家喻戶曉,也更加密切的滲透入我們的生活中,筆者也算是個(gè)愛(ài)折騰的人,俗話說(shuō)的好...
摘要:比如中國(guó),從西到東橫跨東五東六東七東八和東九五個(gè)時(shí)區(qū),中華人民共和國(guó)成立以后,全國(guó)統(tǒng)一采用首都北京所在的東八時(shí)區(qū)的區(qū)時(shí)作為標(biāo)準(zhǔn)時(shí)間,稱為北京時(shí)間。全球所有國(guó)家根據(jù)時(shí)間和各自國(guó)家所在的時(shí)區(qū)確定當(dāng)?shù)貢r(shí)間,以此來(lái)保證全球時(shí)間的低誤差同步。 我們?cè)诰幊虝r(shí),不可避免地會(huì)和時(shí)間打交道。 比如要完成一次秒殺活動(dòng), 就會(huì)涉及到時(shí)間存取,時(shí)間同步和時(shí)間差值計(jì)算等諸多細(xì)節(jié)。一個(gè)JavsScript的簡(jiǎn)單例...
摘要:一以及術(shù)語(yǔ)是的簡(jiǎn)稱,被譯為面向切面編程。切面由切點(diǎn)和增強(qiáng)組成,他包括了連接點(diǎn)定義和橫切邏輯代碼的定義,就是負(fù)責(zé)實(shí)施切面的框架。五使用來(lái)定義純粹的切面使用方法也非常簡(jiǎn)單,使用的標(biāo)簽。采用動(dòng)態(tài)代理和動(dòng)態(tài)代理技術(shù)在運(yùn)行期間織入。 引言 AOP是軟件開發(fā)思想發(fā)展到一定階段的產(chǎn)物,AOP的出現(xiàn)并不是為了代替OOP,僅作為OOP的有益補(bǔ)充,在下面的例子中這個(gè)概念將會(huì)得到印證。AOP的應(yīng)用場(chǎng)合是受限...
閱讀 2594·2023-04-26 03:00
閱讀 1408·2021-10-12 10:12
閱讀 4203·2021-09-22 15:33
閱讀 2930·2021-09-22 15:06
閱讀 1543·2019-08-30 15:44
閱讀 2155·2019-08-30 13:59
閱讀 543·2019-08-30 11:24
閱讀 2428·2019-08-29 17:07