先看一个“真实”的图片,哈哈
作为一名优秀的程序员,不能像上面这样遇到问题就放弃,一定要想方设法的去解决它,博主下面的简单操作,应该不会出现上面的问题。
首先准备一个jsp表单页面(index.jsp),表单未经过任何美化,请忽略它的low,哈哈:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1>简单表单提交</h1>
<%--${pageContext.request.contextPath}:动态获取当前web应用路径--%>
<%--以post的方式向该项目路径下的requestTest提交数据--%>
<form action="${pageContext.request.contextPath}/requestTest" method="post">
用户名:<input type="text" name="username"/><br/>
密码:<input type="password" name="password"/><br/>
性别:<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女"/>女
<br/>
所在省:
<select name="province">
<option value="四川">四川</option>
<option value="山西">山西</option>
<option value="陕西">陕西</option>
<option value="云南">云南</option>
</select><br>
爱好:<input type="checkbox" name="hobbies" value="抽烟">抽烟
<input type="checkbox" name="hobbies" value="喝酒">喝酒
<input type="checkbox" name="hobbies" value="烫头">烫头
<input type="checkbox" name="hobbies" value="写代码">写代码
<br>
描述:<textarea name="description" cols="20" rows="5"></textarea><br>
<input type="submit" value="提交">
</form>
</body>
</html>
成功跳转页面(success.jsp):
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>提交成功</title>
</head>
<body>
提交成功后跳转的页面。。。
</body>
</html>
处理提交数据的Servlet:
package cn.ara.servlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.Arrays;
public class RequestTestServlet extends HttpServlet {
//由于我们知道是post请求,所以就只重写了该方法
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//设置编码,防止中文数据乱码
req.setCharacterEncoding("UTF-8");
resp.setCharacterEncoding("UTF-8");
//获取提交参数(这里的参数值要和提交表单中的name属性一致)
String username = req.getParameter("username");
String password = req.getParameter("password");
String sex = req.getParameter("sex");
String province = req.getParameter("province");
String description = req.getParameter("description");
//由于该属性可能会有多个值,所以使用数组方式接收
String[] hobbies = req.getParameterValues("hobbies");
String hobby = Arrays.toString(hobbies);
//打印出接收的数据
System.out.println("username:" + username);
System.out.println("password:" + password);
System.out.println("sex:" + sex);
System.out.println("province:" + province);
System.out.println("description:" + description);
System.out.println("hobby:" + hobby);
//重定向到提交成功页面
resp.sendRedirect("success.jsp");
}
}
配置web.xml文件:
<servlet>
<servlet-name>RequestTestServlet</servlet-name>
<servlet-class>cn.ara.servlet.RequestTestServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RequestTestServlet</servlet-name>
<url-pattern>/requestTest</url-pattern>
</servlet-mapping>
这里一定要注意各个文件所在路径,博主这里使用Maven构建的项目,两个jsp文件都在webapp文件夹下。路径很容易引起404错误,一定要特别注意。
测试访问如下:
提交之后跳转到success.jsp页面:
这时候,我们在控制台也能看到接收到的数据:
我们使用浏览器的调试也能看到浏览器发送出去的数据:
简单的数据提交就完成了。