js批量删除本地存储localStorage中部分值的方法

JavaScript027

js批量删除本地存储localStorage中部分值的方法,第1张

新一代浏览器普遍支持的 localStorage 接口,用来缓存token和一些业务数据,可避免重复请求服务端对服务器造成的压力,是一个非常有用的功能。但是它只提供了赋值、全部清空等功能,并没有按键名模糊查询批量删除某一组缓存的接口。

在使用js清除localStorage时,我们希望能够通过键名特征进行批量删除。这样可以避免直接清空时,误伤部分有用缓存的问题。

如:我们要删除键名含有 testLog 字符的存储内容,则调用如下:

如果本文对您有用,请点赞转发。欢迎评论留言交流。

会用js获取选中的checkbox吧?value放你要删除的信息的ID,然后拼接value,将拼接好的值传到后台,在后台用split切割获取选中的ID,然后用for循环进行删除。思路有了,会批量删除了不?给你代码吧。

js中:

function dele(){

var check = document.getElementsByName("check")

var len=check.length

var idAll=""

for(var i=0i<leni++){

if(check[i].checked){

idAll+=check[i].value+","

}

}

window.location.href="dele.do?idAll="+idAll

}

jsp中:

<input type="button" value="批量删除"/>

<table>

<tr><td><input type="checkbox" value="1" name="check"/></td><td>111</td></tr>

<tr><td><input type="checkbox" value="2" name="check"/></td><td>22</td></tr>

<tr><td><input type="checkbox" value="3" name="check"/></td><td>33</td></tr>

<tr><td><input type="checkbox" value="4" name="check"/></td><td>44</td></tr>

<tr><td><input type="checkbox" value="5" name="check"/></td><td>55</td></tr>

</table>

后台中:

获取到idAll参数。

String[] id = idAll.split(",")//用逗号切割

for(int i=0i<id.lengthi++){

dele(id[i])//根据id删除

}