作者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/cn.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