[討論] 分頁技術，傳統 vs Ajax

作者newversion (海納百川天下歸心)

看板Web_Design

標題[討論] 分頁技術，傳統 vs Ajax

時間Sat Sep 21 19:07:07 2013

Ajax技術已流行好多年了分頁技術很多都用 Ajax ，例如 google、Facebook、Youtube 只是我個人很不喜歡，所以我在幫客戶製作的網站都採用傳統分頁法。我舉個簡單的例子，某網站有100頁。看完一頁 Ajax按一下 "Load more..." 到下一頁假如我今天慢慢看，看了70頁，明天想繼續看，我要得先連按 70下 Load more，會瘋掉。相較傳統分頁，我只要在網址上打 ?.....&page=70 就直接跳到第70頁了。各位覺得還有哪些優缺點？ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.112.251.86

推 akiratw:搭配 pushState 使用就好啦 09/21 19:14

→ ninetyeight:PJAX 09/21 20:27

推 LaPass:直接做一個跳到70頁的AJAX按鈕就好了啊..... 09/21 20:35

→ LaPass:這是設計者的問題，不是技術的問題。 09/21 20:36

推 LaPass:說到這個，html出現可以修改網址而不會觸發跳頁動作的東西 09/21 20:40

→ LaPass:在靠AJAX換頁時，有的人會去把網址也換到70頁那樣，這樣也 09/21 20:41

→ LaPass:可以在網址上記錄瀏覽狀態 09/21 20:41

推 LaPass:對了.... JAVASCRIPT一般是用#去記錄分頁比較多... 09/21 20:46

推 LaPass:window.history.pushState() html5 修改網址的api 09/21 20:50

→ danny8376:覺得AJAX有這些缺點代表LAG太久了... 更新一下喔~~~ 09/21 22:03

推 kinanson:明明就有分頁的plugin，缺點是不會有確切網址而已，功能 09/22 02:57

→ kinanson:跟沒ajax一模一樣，想怎樣做看自己而已，ajax背後的原理 09/22 02:57

→ kinanson:跟有postback的還不是一樣 09/22 02:57

→ TonyQ:上面也可以有網址啦～上面講 pushState 跟 history.js 的都 09/22 03:28

→ TonyQ:是正解啊～ 09/22 03:28

推 tooto1985:Ajax也可以呀!用hash!就像 xxx.aspx#page=70 09/22 10:23

推 kinanson:受教了0.0 09/22 10:47

推 liaosankai:使用pushState要注意瀏覽器版本問題，例如該死的IE(誤) 09/22 19:46

→ gname:很簡單的加個輸入框就好了,想跳那頁自己輸入... 09/23 10:12

推 lom123456:AJAX最頭痛的不是SEO的問題嗎? 09/26 09:57

→ ku399999:樓上可以用history api? 09/27 19:26