浏览器中ajax请求的动态列表，点击后跳转再返回来时如何避免页面重新请求数据？

Question

情况

情况是这样的，现在在做一个基于微信的网站，其中有多个列表页面，采用了分页加载的方式，在ready()后通过ajax去请求数据来渲染出来。

问题

问题是点击一个条目进入另一个页面后，再返回到上一个页面时，页面不会缓存，ajax请求会重新执行，页面又被重新加载了，导致体验很差。页面层级是比较多的。请问大家有什么好的解决方法。

Answer 1

ajax 请求到数据以后，缓存到全局变量 or localStorage ， ready() 以后，先检查缓存数据是否存在，若不存在才重新请求数据。