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

看板Web_Design作者 (貝爾菲格諾)時間8年前 (2017/02/28 18:02), 8年前編輯推噓3(307)
留言10則, 3人參與, 最新討論串1/1
先說一下我的情境 我有一個頁面 只有一個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

02/28 19:57, , 1F
用Web Storage存
02/28 19:57, 1F

03/01 09:40, , 2F
可以用在你的情況。在頁面載入時,檢查現在的hashtag是什麼
03/01 09:40, 2F

03/01 09:40, , 3F
然後ajax載入對應的資料
03/01 09:40, 3F

03/01 09:42, , 4F
只有一個button,為什麼不直接載入就好了?
03/01 09:42, 4F

03/01 10:23, , 5F
直接載入是指不用button 一到這頁面就觸發ajax嗎
03/01 10:23, 5F

03/01 15:48, , 6F
對,假如載入的資料跟input無關,那就直接ajax就好了
03/01 15:48, 6F
Kenqr大因為需求所以必須要有個button, 可以再跟你確認一下做法嗎? 你說的我還不太了解,但就我目前想法,只要我能在我那個頁面加上一個#的hashtag 這樣我回上一頁就不會被重載吧? 所以我應該在我「點下某個連結清單」,這個時間點就要在那頁面加上一個# 這樣我回上一頁才不會被重載,我的想法這樣對嗎? 然後我只需要從那個範例$(window).bind('hashchange', function (e) { ... 這裡開始修改吧?畢竟我只要監聽我上一頁的動作 如我理解有誤可請大大再說詳細的流程做法嗎 ※ 編輯: asd56799001 (36.228.144.86), 03/01/2017 20:57:39

03/02 10:58, , 7F
不是,重載一定會發生,但你可以自己觸發ajax。
03/02 10:58, 7F

03/02 10:58, , 8F
點button載入清單時,同時在網址加上hashtag。
03/02 10:58, 8F

03/02 10:58, , 9F
使用者按上一頁時,發現網址有hashtag,就自動執行ajax,
03/02 10:58, 9F

03/02 10:58, , 10F
載入清單。
03/02 10:58, 10F
文章代碼(AID): #1OjKgWKA (Web_Design)
文章代碼(AID): #1OjKgWKA (Web_Design)