色彩时光 | 记录程序员世界的点点滴滴

使用ajax请求能无刷新的获取数据，不过也存在不好的地方，如从ajax页面跳转到新页面然后返回时，旧页面无法展现之前数据的问题。

为解决该问题，最开始找的办法是采用html5的history pushState onpopstate事件的方法。但是微信中当到新页面返回旧页面onpopstate事件不会触发且history.back或go(-1)将刷新页面。所以这种方法在微信里不能得到解决。

第二种采用html5localStorage,sessionStorage本地存储办法。每次刷新数据时，把动态标签内容存储到本地存储。新页面返回旧页面时，根据history.length>1 将本地存储数据还原到页面上。其中进行动态内容存储时，最好进行压缩，找到一个不错的压缩库lz-string。
lz-string demo:http://pieroxy.net/blog/pages/lz-string/demo.html ,github:https://github.com/pieroxy/lz-string ,
cdn:http://www.bootcdn.cn/lz-string/ 。

参考文章：http://www.cnblogs.com/hnyei/p/4625998.html?utm_source=tuicool