zoukankan      html  css  js  c++  java

  • Java Web中前端提交的表单两种方式（处理中文乱码问题）

    在前端HTML、JSP中，一般都是使用form表单，然后在表单中设置用户名信息框，再设置一个按钮，并把这个按钮设置为submit类型。形如：

    <form action="/hello/LoginServlet" method="post">
	用户名：<input type="text" name="username"><br>
	密码：<input type="password" name="password"><br>
	<!--注意性别只能选择一个，所以下面两个标签名字都是gender-->
	性别：<input type="radio" name="gender" value="男">男
	<input type="radio" name="gender" value="女">女<br>
	<!--设置一个提交按钮-->
	<input type="submit" value="提交">
</form>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    在这里插入图片描述
    当我们点击提交按钮时，html文件把用户提交的信息提交到指定的Servlet。

    一般大家都会使用post请求发送表单信息，形如上面的示例，然而表单还可以使用get请求方式提交，下面分别对两种方式提交方式进行演示。

    一、get方式提交表单

    index.html文件

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>xxx登录</title>
	</head>
	<body>
		<!-- 表单提交方式为get，提交到 /Form_Process/LoginServlet-->
		<form action="/Form_Process/LoginServlet" method="get">
			用户名：<input type="text" name="username"><br>
			密码：<input type="password" name="password"><br>
			<!-- 性别只能有一个，所以为单选框 -->
			性别：<input type="radio" name="gender" value="男">男
				<input type="radio" name="gender" value="女">女<br>
			<!-- 爱好可能同时有多个，所以需要使用复选框 -->
			爱好：<input type="checkbox" name="hobby" value="运动">运动
			<input type="checkbox" name="hobby" value="赚钱">赚钱
			<input type="checkbox" name="hobby" value="编码">编码<br>
			<input type="submit" value="提交">
		</form>
	</body>
</html>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22

    LoginServlet.java文件

    package cn.hestyle.web.servlet;

import java.io.IOException;
import java.util.Arrays;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class LoginServlet
 */
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
	/**
	 * 处理前端get请求
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String username = request.getParameter("username");
		String password = request.getParameter("password");
		String gender = request.getParameter("gender");
		//注意hobby可能有多个，所以需要使用字符串数组获取
		String[] hobbies = request.getParameterValues("hobby");
		
		System.out.println(username);
		System.out.println(password);
		System.out.println(gender);
		System.out.println(Arrays.toString(hobbies));
	}

	/**
	 * 处理前端post请求
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("post请求处理未实现！");
	}

}
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40

    运行结果：
    访问index.html资源，并且填写表单信息
    在这里插入图片描述
    点击提交按钮后
    在这里插入图片描述

    二、post方式提交表单

    项目目录结构：
    在这里插入图片描述
    index.html文件

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>xxx登录</title>
	</head>
	<body>
		<!-- 表单提交方式为post，提交到 /Form_Process/LoginServlet-->
		<form action="/Form_Process/LoginServlet" method="post">
			用户名：<input type="text" name="username"><br>
			密码：<input type="password" name="password"><br>
			<!-- 性别只能有一个，所以为单选框 -->
			性别：<input type="radio" name="gender" value="男">男
				<input type="radio" name="gender" value="女">女<br>
			<!-- 爱好可能同时有多个，所以需要使用复选框 -->
			爱好：<input type="checkbox" name="hobby" value="运动">运动
			<input type="checkbox" name="hobby" value="赚钱">赚钱
			<input type="checkbox" name="hobby" value="编码">编码<br>
			<input type="submit" value="提交">
		</form>
	</body>
</html>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22

    LoginServlet.java文件

    package cn.hestyle.web.servlet;

import java.io.IOException;
import java.util.Arrays;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class LoginServlet
 */
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
	/**
	 * 处理前端get请求
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("get请求处理未实现！");
	}

	/**
	 * 处理前端post请求
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//设置字符编码，解决乱码问题，只对post有效
		request.setCharacterEncoding("utf-8");
		String username = request.getParameter("username");
		String password = request.getParameter("password");
		String gender = request.getParameter("gender");
		//注意hobby可能有多个，所以需要使用字符串数组获取
		String[] hobbies = request.getParameterValues("hobby");
		
		System.out.println(username);
		System.out.println(password);
		System.out.println(gender);
		System.out.println(Arrays.toString(hobbies));
	}

}
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42

    运行结果：
    访问index.html资源，并且填写表单信息
    在这里插入图片描述
    请求信息：
    在这里插入图片描述
    控制台输出：
    在这里插入图片描述
    get方式提交表单，浏览器会表单信息放到url中，post是提交表单，浏览器会将表单信息放到请求体中。但是实际开发中不能明文传输密码，以上只是方便演示，一般会加上一些加密操作，大多数都是使用post方式提交表单。

    中文乱码问题处理：

    在上面的演示中都没有出现乱码问题，但是很多初学者都会遇到表单数据乱码问题。

    get方式提交的表单信息中文乱码

    在Tomcat8、Tomcat9一般不是出现乱码问题，但是Tomcat7.0会出现乱码，这是由于Tomcat7的接收参数时采用了IOS-8859-1编码，Tomcat8、9默认是UTF-8编码集。所以在Servlet中需要对表单信息进行转码。比如获取性别时

    //将ISO-8859-1编码转换为UTF-8编码
String gender = new String(request.getParameter("gender").getBytes("ISO-8859-1"), "UTF-8");
    • 1
    • 2

    上面演示使用的Tomcat9，所以没有进行转码也没有出现中文乱码。

    post方式提交的表单信息中文乱码

    我们需要在Servlet中设置request的编码集。

    request.setCharacterEncoding("utf-8");
    • 1

    如果还出现了中文乱码，可能是前端html、jsp编码出现问题，修改为UTF-8。

    原文：https://blog.csdn.net/qq_41855420/article/details/101850258
  • 相关阅读:
    学习笔记——SQL SERVER2014内存数据库
    学习笔记——WCF
    线程
    文件内容操作类-RandomAccessFile
    文件操作类-file-创建文件夹
    同步方法解决同步问题
    同步代码块
    停止线程
    使用泛型来优化坐标类
    数据操作流-DataOutputStream
  • 原文地址：https://www.cnblogs.com/coder-ahao/p/14225702.html
Copyright © 2011-2022 走看看