iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 24
0
Modern Web

菜鳥前端奮鬥史(欸?系列 第 24

Day24 「準備接第二個 api 囉」 ─ 製作公車到站時間...欸?

在上一回我們成功把台中公車路線資料渲染到畫面上了
https://ithelp.ithome.com.tw/upload/images/20180112/20107640GkQWSiQVjE.png

那我們現在希望點選「1號公車路線」時,跳轉到「該路線的公車到站情況」
應該怎麼做呢?

一開始我想採用跟第一次拉 api 時一樣的做法

先找出總數,全數拉回來再做處理

結果..

https://ithelp.ithome.com.tw/upload/images/20180112/20107640D7P4e0gDQQ.jpg

踢到鐵板啦 QQ

 
這麼肥抓回來都天荒地老啦!

想了兩天還是搞不懂要怎麼辦,直接把這麼肥大的 JSON 抓回來怎麼想都不對吧!
最後還是求救老師 Orz (不爭氣
https://ithelp.ithome.com.tw/upload/images/20180112/20107640qvHzyv6mBa.png

「雖然老師很帥,不過我們還是要保護個人隱私」
「但還是偷偷留老師的資訊」 (說的跟做的不一樣!?

 
 
於是我們就埋頭研究、研究
終於看懂官方 api 根本就有提供方法去做篩選這件事情嘛!
(詳情可見前文 ── Day21 「使用網頁等公車」 ─ 尋找 api 去囉!)
 
我們現在知道了這支 api 本身可以透過網址的參數變化去撈我們想要的資料
於是乎若我們想要拿 1號公車 的到站時間資料
就可以透過組字串的方法取得我們想要的網址啦!

那麼接下來的問題是..

要怎麼把現在點選的是 x號公車 這件事,帶到第二頁的 路線公車到站時間 呢..?

我們下一篇文章接著介紹吧! /images/emoticon/emoticon07.gif

「欸欸,你這樣很富堅!」 /images/emoticon/emoticon09.gif

>>隊友任意門<<

我是小菜鳥阿陰,我們下次見!


上一篇
Day22 「使用網頁等公車」 ─ 從 AJAX 開始的 api 串接之旅
下一篇
Day25 「想要的參數在不同頁怎麼辦?」 ─ 把它們丟到網址上吧! - 使用網址傳參數
系列文
菜鳥前端奮鬥史(欸?30

尚未有邦友留言

立即登入留言