html5本地存储localStorage

项目架构：springboot+html

问题描述：列表页显示默认查询出来的列表，但是用户根据自己的需求筛选出自己想要的，然后点击编辑或者审核就会跳转到另外的页面，当在编辑或审核的页面“取消或返回”之后，显示的列表还是默认查询出来的不是用户之前筛选的条件数据。所有用localStroage存储用户搜索对象（json）

一、localStorage.setItem()存储对象

var arrs=['a','b','c'];
localStorage.setItem("bianliang",arrs);
typeof localStorage.getItem("bianliang");//会返回String
localStorage.getItem("bianliang");//会返回a,b,c字符串

二、localStorage.setItem() ，不会自动将Json对象转成字符串形式，如：

var obj={"a":1,"b":2};
localStorage.setItem("temp2",obj);
typeof localStorage.getItem("temp2");也会返回String
localStorage.getItem("temp");却返回[object Object]

三、setItem()正确存储json

存储前先用JSON.stringify()方法将json对象转换成字符串形式

var obj={"a":1,"b":2};
localStorage.setItem("temp2",JSON.stringify(obj));
typeof localStorage.getItem("temp2");返回String
localStorage.getItem("temp2");返回字符串格式：{"a":1,"b":2}

用字符串转json：JSON.parse(localStorage.getItem("temp2"));

四、删除指定key

localStorage.removeItem("我存的key");

五、 结合我的需求

getItem之后立马删除这个Item，因为已经没用了，再存着就会千万麻烦了