JSP中服务端session存储的selectedList属性无法移除问题求助

问题核心原因 #

你混淆了服务端Session和浏览器端的sessionStorage/localStorage，三者是完全独立的存储载体：

• 你通过Java代码session.setAttribute("selectedList",listSelected)存储的数据，是保存在服务端的会话数据，前端JavaScript没有权限直接操作服务端Session
• 你前端调用的sessionStorage.removeItem和localStorage.removeItem操作的是浏览器本地存储的数据，和服务端Session没有任何关联，自然没办法删除服务端存储的selectedList属性

解决方案 #

方案1：新增后端接口处理删除逻辑 #

1. 新增一个后端处理接口（比如removeSelectedList.jsp），代码如下：

session.removeAttribute("selectedList");
// 可以输出简单的成功标识，比如：
out.print("success");

2. 修改前端按钮点击逻辑，先请求接口完成服务端属性删除，再执行页面跳转：

<button type="reset" style="text-align: center" onclick="function openPage(pageUrl) {
    // 先调用后端接口删除服务端Session属性
    fetch('/TN2_war_exploded/removeSelectedList.jsp')
    .then(() => {
        // 可选：如果需要清理本地存储可保留原有逻辑
        sessionStorage.removeItem('selectedList');
        window.localStorage.removeItem('selectedList');
        window.location.href = pageUrl;
    })
}
openPage('/TN2_war_exploded/SupplierPage/SupplierSearch.jsp')">Cancel
</button>

方案2：跳转时携带清理标识，目标页面主动删除 #

不需要新增额外接口，直接通过URL传参触发目标页面的删除逻辑：

1. 修改跳转链接，新增clearSelected参数：

openPage('/TN2_war_exploded/SupplierPage/SupplierSearch.jsp?clearSelected=1')

2. 在SupplierSearch.jsp页面顶部新增判断逻辑：

if(request.getParameter("clearSelected") != null) {
    session.removeAttribute("selectedList");
}

内容的提问来源于stack exchange，提问作者Long Doan