[問題] 回上一頁ajax載入的資料不見的問題

[asd56799001 (貝爾菲格諾)]

先說一下我的情境

我有一個頁面
只有一個input及一個button
當我按下button，會觸發ajax事件，並在這頁顯示很多連結清單，
每個連結會連到別的網站的文章
附圖：
http://i.imgur.com/xi4nGkP.png

問題是
當我連到別的文章後，按上一頁剛剛ajax抓的連結清單都不見了

現在我想解決這個問題

我在網路上看到了這個範例http://pics.ee/duc6
研究了下拿來用用看，但做不太出來，

稍微想了下，他的情境很像跟我的不太一樣，因為他每一頁都是自訂的，

但我的是要連到別的網站，上一頁再回來原本的
可能我還不了解hashchange的運作原理所以還無法應用在我的情境

想問究竟這個範例是否可應用在我這種狀況？
還是有其他方法可保存我上一頁資訊？
我有找到像popstate事件，但很像只能拿來用在每頁自訂的內容？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.171.32.71
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1488276128.A.50A.html
推 Ayukawayen: 用Web Storage存
→ Kenqr: 可以用在你的情況。在頁面載入時，檢查現在的hashtag是什麼
→ Kenqr: 然後ajax載入對應的資料
→ Kenqr: 只有一個button，為什麼不直接載入就好了?
→ asd56799001: 直接載入是指不用button 一到這頁面就觸發ajax嗎
推 Kenqr: 對，假如載入的資料跟input無關，那就直接ajax就好了
Kenqr大因為需求所以必須要有個button，
可以再跟你確認一下做法嗎？
你說的我還不太了解，但就我目前想法，只要我能在我那個頁面加上一個#的hashtag
這樣我回上一頁就不會被重載吧？

所以我應該在我「點下某個連結清單」，這個時間點就要在那頁面加上一個#
這樣我回上一頁才不會被重載，我的想法這樣對嗎？

然後我只需要從那個範例$(window).bind('hashchange', function (e) {
...
這裡開始修改吧？畢竟我只要監聽我上一頁的動作

如我理解有誤可請大大再說詳細的流程做法嗎
※ 編輯: asd56799001 (36.228.144.86), 03/01/2017 20:57:39
推 Kenqr: 不是，重載一定會發生，但你可以自己觸發ajax。
→ Kenqr: 點button載入清單時，同時在網址加上hashtag。
→ Kenqr: 使用者按上一頁時，發現網址有hashtag，就自動執行ajax，
→ Kenqr: 載入清單。