作者asd56799001 (貝爾菲格諾)
看板Web_Design
標題[問題] 回上一頁ajax載入的資料不見的問題
時間Tue Feb 28 18:02:04 2017
先說一下我的情境
我有一個頁面
只有一個input及一個button
當我按下button，會觸發ajax事件，並在這頁顯示很多連結清單，
每個連結會連到別的網站的文章
附圖：
http://i.imgur.com/xi4nGkP.png
問題是
當我連到別的文章後，按上一頁剛剛ajax抓的連結清單都不見了
現在我想解決這個問題
我在網路上看到了這個範例
http://pics.ee/duc6
研究了下拿來用用看，但做不太出來，
稍微想了下，他的情境很像跟我的不太一樣，因為他每一頁都是自訂的，
但我的是要連到別的網站，上一頁再回來原本的
可能我還不了解hashchange的運作原理所以還無法應用在我的情境
想問究竟這個範例是否可應用在我這種狀況？
還是有其他方法可保存我上一頁資訊？
我有找到像popstate事件，但很像只能拿來用在每頁自訂的內容？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.171.32.71
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1488276128.A.50A.html
1F：推 Ayukawayen: 用Web Storage存 02/28 19:57
2F：→ Kenqr: 可以用在你的情況。在頁面載入時，檢查現在的hashtag是什麼 03/01 09:40
3F：→ Kenqr: 然後ajax載入對應的資料 03/01 09:40
4F：→ Kenqr: 只有一個button，為什麼不直接載入就好了? 03/01 09:42
5F：→ asd56799001: 直接載入是指不用button 一到這頁面就觸發ajax嗎 03/01 10:23
6F：推 Kenqr: 對，假如載入的資料跟input無關，那就直接ajax就好了 03/01 15:48
Kenqr大因為需求所以必須要有個button，
可以再跟你確認一下做法嗎？
你說的我還不太了解，但就我目前想法，只要我能在我那個頁面加上一個#的hashtag
這樣我回上一頁就不會被重載吧？
所以我應該在我「點下某個連結清單」，這個時間點就要在那頁面加上一個#
這樣我回上一頁才不會被重載，我的想法這樣對嗎？
然後我只需要從那個範例$(window).bind('hashchange', function (e) {
...
這裡開始修改吧？畢竟我只要監聽我上一頁的動作
如我理解有誤可請大大再說詳細的流程做法嗎
※ 編輯: asd56799001 (36.228.144.86), 03/01/2017 20:57:39
7F：推 Kenqr: 不是，重載一定會發生，但你可以自己觸發ajax。 03/02 10:58
8F：→ Kenqr: 點button載入清單時，同時在網址加上hashtag。 03/02 10:58
9F：→ Kenqr: 使用者按上一頁時，發現網址有hashtag，就自動執行ajax， 03/02 10:58
10F：→ Kenqr: 載入清單。 03/02 10:58