如何清除JSP中${error}的值？解决页面刷新重复显示问题

你遇到的核心问题是：JavaScript运行在浏览器端，无法直接修改服务器端JSP上下文里的error变量。因为JSP页面是服务器渲染完成后才发送到浏览器的，此时${error}已经被替换成具体的文本内容，客户端JS只能操作页面DOM，无法触及服务器端的请求或会话数据。而刷新页面时，浏览器会重新触发Servlet的请求逻辑，导致error被再次设置，所以错误信息会重复显示。

下面给出两种可行的解决方案：

方案一：采用PRG模式（Post/Redirect/Get）推荐 #

这是Web开发中解决表单重复提交、刷新重复显示提示的标准模式，流程是：

1. Servlet处理完请求后，将错误信息存入Session
2. 重定向到目标JSP页面
3. JSP页面读取Session中的错误信息后，立即清空该Session属性，避免刷新时重复显示

修改后的Servlet代码 #

// 将错误信息存入Session而非Request
request.getSession().setAttribute("error", "This is a msg");
// 使用重定向代替请求转发
response.sendRedirect("signup.jsp");

修改后的JSP代码 #

<%
// 从Session中取出错误信息
String error = (String) session.getAttribute("error");
if (error != null) {
    // 取出后立即清空Session中的error，防止刷新重复显示
    session.removeAttribute("error");
%>
<p id="error_2" align="center"><%= error %></p>
<script>
    setTimeout(function() {
        var errorMsg = document.getElementById("error_2");
        errorMsg.style.display = "none";
        alert(errorMsg.innerHTML);
    }, 5000);
</script>
<%
}
%>

方案二：保留请求转发，在JSP中立即清除Request属性 #

如果必须使用请求转发（forward），可以在JSP渲染完错误信息后，立即移除Request中的error属性。但这种方式只能解决同一请求内的重复读取，若用户刷新页面重新触发Servlet请求，错误信息仍会再次显示，因此仅适用于特定场景。

修改后的JSP代码 #

<p id="error_2" align="center">${error}</p>
<%
// 渲染完成后立即清除Request中的error属性
request.removeAttribute("error");
%>
<script>
    setTimeout(function() {
        var errorMsg = document.getElementById("error_2");
        errorMsg.style.display = "none";
        alert(errorMsg.innerHTML);
    }, 5000);
</script>

内容的提问来源于stack exchange，提问作者William Li