jquery的load方法加载了html组件，刷新浏览器怎么保持当前状态？

Question

如题，在主页面仅仅是定义了组件的容器，然后使用的是jquery的load方法加载不同的html组件，刷新浏览器后，之前所有加载过的状态不复存在了。现在我想让它刷新浏览器时仍能保持当前的状态，请问该如何解决？

Answer 1

用cookie、localStorage、sessionStorage

Answer 2

目前的解决方案是，加载组件时，给url加上一个对应的状态。
window.history.pushState({},0,'views/index.html#!/caseInfo');
然后每次刷新时都解析url，如果获取到相应状态则加载对应的模块。
不知道这种方式科学不科学。如果大家有更好的方法请告知。