作者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