效果图:
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="login" method="post">
<p>登录名:<input name="loginName" id="loginName"></p>
<p>密码:<input name="passWord" id="passWord"></p>
<!-- input的类型为submit ,意味着点击这个按钮,会提交表单中的内容到action的属性值submitTable的处理方法中去 -->
<input type="submit" value="登录">
</form><br><br>
</body>
</html>
LoginServlet.java:
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet{
String loginName = "";
@Override
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//只有post请求才能用这种方式解决前端传递过来的中文数据乱码的问题
request.setCharacterEncoding("utf-8");
//要获取哪一个标签的值,就根据标签的name属性值获取<input name="loginName"
loginName = request.getParameter("loginName");
System.out.println("loginName:"+loginName);
//指定响应到浏览器时,这些文字的编码类型
response.setCharacterEncoding("utf-8");
//指定响应出去的代码是什么类型的
response.setContentType("text/html");
try {
//睡眠10秒
Thread.sleep(10000);
} catch (InterruptedException e) {
e.printStackTrace();
}
//响应输出流,可将信息响应到页面上
PrintWriter printWriter =response.getWriter();
printWriter.print("欢迎"+loginName+"登录");
}
}