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

作者: gocreating (小平)   2014-04-14 20:51:17
剛剛逛 awwwards 逛到這個網站
http://www.designcouncil.org.uk/
點左邊選單的超連結切換頁面
會發現只有右邊內容會更新
選單好像不必重新載入
而且網址也會跟著變更
類似的網站還有 Youtube、Runnable(http://runnable.com/)
這樣的使用者體驗好棒
到底是怎麼辦到的啊?
這種技術要找什麼樣的關鍵字呢?
作者: mmis1000 (秋月戀楓)   2014-04-14 21:00:00
http://goo.gl/mvkJW html5的新東西
作者: mrbigmouth (大嘴先生)   2014-04-14 21:03:00
主要是ajax啦 然後配上html5的pushState
作者: mmis1000 (秋月戀楓)   2014-04-14 21:05:00
不一定是ajax阿,依用途也可能是iframe
作者: gocreating (小平)   2014-04-14 21:08:00
我搜尋過原始碼,沒有iframe,不過真是長知識了,謝謝
作者: mmis1000 (秋月戀楓)   2014-04-14 21:56:00
http://jsbin.com/teqica/1看起來是換頁,本質是其實是把別頁的內容載入目前頁面
作者: danny8376 (釣到一隻猴子@_@)   2014-04-15 01:28:00
總之你這邊給的所用的技術是PJAX 現成工具不少不過PJAX本質上就是AJAX+pushState而已就是www
作者: mmis1000 (秋月戀楓)   2014-04-15 01:40:00
↖為啥每次你出現的話,最後一句的結尾都是www啊?是說ie的強制快取真的很雷人,常常讓ajax炸掉
作者: GoalBased (Artificail Intelligence)   2014-04-15 08:32:00
www

Links booklink

Contact Us: admin [ a t ] ucptt.com