作者gocreating (小平)
看板Web_Design
標題[問題] 如何點超聯結換頁卻只改變部分內容
時間Mon Apr 14 20:51:17 2014
剛剛逛 awwwards 逛到這個網站
http://www.designcouncil.org.uk/
點左邊選單的超連結切換頁面
會發現只有右邊內容會更新
選單好像不必重新載入
而且網址也會跟著變更
類似的網站還有 Youtube、Runnable(
http://runnable.com/)
這樣的使用者體驗好棒
到底是怎麼辦到的啊?
這種技術要找什麼樣的關鍵字呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.113.252.4
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1397479885.A.AB7.html
※ 編輯: gocreating (140.113.252.4), 04/14/2014 20:53:10
2F：推 mrbigmouth:主要是ajax啦 然後配上html5的pushState 04/14 21:03
3F：→ mmis1000:不一定是ajax阿，依用途也可能是iframe 04/14 21:05
4F：→ gocreating:我搜尋過原始碼，沒有iframe，不過真是長知識了，謝謝 04/14 21:08
6F：→ mmis1000:看起來是換頁，本質是其實是把別頁的內容載入目前頁面 04/14 22:06
7F：→ danny8376:總之你這邊給的所用的技術是PJAX 現成工具不少 04/15 01:28
8F：→ danny8376:不過PJAX本質上就是AJAX+pushState而已就是www 04/15 01:29
9F：→ mmis1000:↖為啥每次你出現的話，最後一句的結尾都是www啊？ 04/15 01:40
10F：→ mmis1000:是說ie的強制快取真的很雷人，常常讓ajax炸掉 04/15 01:45
11F：推 GoalBased:www 04/15 08:32