[問題] 如何點超聯結換頁卻只改變部分內容

[gocreating (小平)]

剛剛逛 awwwards 逛到這個網站

http://www.designcouncil.org.uk/

點左邊選單的超連結切換頁面

會發現只有右邊內容會更新

選單好像不必重新載入

而且網址也會跟著變更

類似的網站還有 Youtube、Runnable(http://runnable.com/)

這樣的使用者體驗好棒

到底是怎麼辦到的啊?

這種技術要找什麼樣的關鍵字呢?

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.113.252.4
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1397479885.A.AB7.html
※ 編輯: gocreating (140.113.252.4), 04/14/2014 20:53:10
→ mmis1000:http://goo.gl/mvkJW     html5的新東西
推 mrbigmouth:主要是ajax啦  然後配上html5的pushState
→ mmis1000:不一定是ajax阿，依用途也可能是iframe
→ gocreating:我搜尋過原始碼，沒有iframe，不過真是長知識了，謝謝
→ mmis1000:http://jsbin.com/teqica/1
→ mmis1000:看起來是換頁，本質是其實是把別頁的內容載入目前頁面
→ danny8376:總之你這邊給的所用的技術是PJAX 現成工具不少
→ danny8376:不過PJAX本質上就是AJAX+pushState而已就是www
→ mmis1000:↖為啥每次你出現的話，最後一句的結尾都是www啊？
→ mmis1000:是說ie的強制快取真的很雷人，常常讓ajax炸掉
推 GoalBased:www