将 Servlet 错误消息重定向到 JSP 后保存表单数据

Question

我有一个用户登录表单，当密码与数据库中的密码不匹配时，它会显示一条错误消息。 我将错误消息重定向到如下所示的表单，但是当它在表单上显示错误消息时，它会删除电子邮件/密码输入字段中的数据。 显示错误消息后，我该怎么做才能将数据保留在输入字段中？ 先感谢您。

//SERVLET重定向到JSP

request.setAttribute("errorMessage", "Wrong credentials!");
                    request.getRequestDispatcher("/Login.jsp").forward(request, response);

//JSP表单页面

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<title>User Log in</title>
</head>
<body>
<form action = "LoginServlet" method="POST">
<h3>Sign In</h3><br>

Email: <input type="text" name="email" required><br>
Password: <input type="password" name="pass" required><br>
<div style="color: #FF0000;">${errorMessage}</div><br>
<input type="submit" name="submit" value="Sign in">

</form>
</body>
</html>

Answer 1

我通过添加以下几行解决了这个问题：

//服务端

request.setAttribute("email",request.getParameter("email"));
request.setAttribute("pass", request.getParameter("pass"));
request.setAttribute("errorMessage", "Wrong credentials!");
request.getRequestDispatcher("/Login.jsp").forward(request, response);

//JSP页面

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<title>User Log in</title>
<%@ include file="PageHeader.html" %>
</head>
<body>
<form action = "LoginServlet" method="POST">
<h3>Sign In</h3><br>
Email: <input type="text" name="email" required value="${email}"><br>
Password: <input type="password" name="pass" required value="${pass}"><br>
<div style="color: #FF0000;">${errorMessage}</div><br>
<input type="submit" name="submit" value="Sign in" id="sButton">

</form>
</body>
</html>

Answer 2

这是一个关于如何使用 AJAX 实现此目的的示例。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<title>User Log in</title>
<%@ include file="PageHeader.html" %>
<!-- you need to include jquery for this example -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>
<form action = "LoginServlet" method="POST" id="someform">
<h3>Sign In</h3><br>
Email: <input type="text" name="email" required><br>
Password: <input type="password" name="pass" required><br>
<div style="color: #FF0000;display:none" id="someMsg"></div><br>
<input type="submit" name="submit" value="Sign in" id="sButton">

</form>


<script>  
    //the following will ajaxify your form, all you have to do is add 'id="someform" to it
    //reference here: https://stackoverflow.com/questions/4112686/how-to-use-servlets-and-ajax
    $(document).on("submit", "#someform", function(event) {
        var $form = $(this); 
        $.post($form.attr("action"), $form.serialize(), function(response) {
            //response is not empty (because it contains the error string message)
            if(response){
               //here we are using the response from the servlet to set the text of the div. .show() makes the element visible, .delay(1000) is a 1000ms delay for .fadeOut() which makes the element invisible after some time 
               $('#someMsg').text(response).show().delay(1000).fadeOut("slow");
            }else{
               //response here is empty (String error = "";), so we just redirect the user (because details match)
               window.location = "Welcome.jsp"; 
            }
        });
        event.preventDefault(); // Important! Prevents submitting the form.
    });
</script>

</body>
</html>

将 jquery 包含在头部：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

将id="someform"添加到您的表单中

和id="someMsg"到您的 div （也使display:none ）

然后对于您的 LoginServlet，尝试如下操作：

   protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {


            String pass1 = request.getParameter("pass");
            String email = request.getParameter("email");
            String error = "";

            //do whatever you need to do here, just don't do any forwarding 

            //here we check if the details are incorrect (!), javascript on the front end will decide whether to stay on the same page or redirect based on the value we send in error string.
            if(!validate(email,pass1)){
                 //if details are wrong, lets send the following string:
                 error = "Your password or email is wrong and you should feel bad.";
            }

             response.setContentType("text/plain");  // Set content type of the response so that jQuery knows what it can expect.
             response.setCharacterEncoding("UTF-8"); // You want world domination, huh?
             response.getWriter().write(error);       // Write response body.


    }

请让我知道这对你有没有用

将 Servlet 错误消息重定向到 JSP 后保存表单数据

问题描述

2 个解决方案

解决方案1
1 已采纳

解决方案2
0 2018-10-24 17:48:04

将 Servlet 错误消息重定向到 JSP 后保存表单数据

问题描述

2 个解决方案

解决方案1 1 已采纳

解决方案2 0 2018-10-24 17:48:04

解决方案1
1 已采纳

解决方案2
0 2018-10-24 17:48:04