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

JavaScript029

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删除

}