目錄

• 前端表單資料
• 後臺接收資料
• 中文亂碼處理

前端表單資料

常見的表單項的傳值，如：

• 普通input
• 單選radio
• 多選checkbox
• select下拉選擇
• textarea文字域

普通 input : name屬性值為後臺接收時的引數值。

使用者名稱：<input type="text" name="username"><br>
密碼：<input type="password" name="password"><br>

單選 radio ：單選按鈕的 name 值相同才能實現只能點選一個。

性別：
<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女

多選checkbox ：name值相同。

愛好：
    <input type="checkbox" name="hobby" value="唱">唱
	<input type="checkbox" name="hobby" value="跳舞">跳舞
    <input type="checkbox" name="hobby" value="rap">rap
    <input type="checkbox" name="hobby" value="籃球">籃球
 

select下拉選擇 ：後臺通過degree作為引數，獲取選中的那個option的value值。

下拉選擇：
    <select name="degree">
    <option value="">---請選擇---</option>
    <option value="大一">大一</option>
    <option value="大二">大二</option>
    <option value="大三">大三</option>
    <option value="大四">大四</option>
    </select>
 

textarea文字域 ：rows定義顯示的行數，cols定義的是顯示的列數。

文字域：<br><textarea name="other" rows="10" cols="30"></textarea><br>

後臺接收資料

接收表單資料：

• String 表單name= request.getParameter(表單name);

  普通input、單選radio、select下拉選擇、textarea文字域可通過此方法獲取。

• String[] hobbies = request.getParameterValues("hobby");

  多選checkbox可通過此方法獲取。

中文亂碼處理

1. GET方式提交的資料

• 先通過 String username = request.getParameter(username) 獲得該表單的值，此時是亂碼的。
• 使用String new_username = new String(username.getBytes("iso8859-1"), "utf-8") 進行編碼轉換

相關APi :

String(byte[] bytes, Charset charset) 構造一個新的String，由指定的位元組的陣列轉化為指定編碼的位元組陣列。

getBytes(Charset charset)使用指定的編碼方式將該String編碼為位元組序列，將結果儲存到新的位元組陣列中。

解釋：通過get方式提交的資料的編碼方式為iso8859-1, 先獲取該編碼方式的位元組陣列，再將該位元組陣列轉化為utf-8編碼的位元組陣列，然後將該位元組陣列轉換為字串。

2. POST方式提交的資料

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

3. 伺服器端向客戶端傳送的資料

• response.setContentType("text/html;charset=utf-8");

以下是全部程式碼：

GET提交方式：

@WebServlet(name = "RegisterServlet",urlPatterns = "/register")
public class RegisterServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //get提交方式處理中文亂碼
        String username = request.getParameter("username");
        String new_username = new String(username.getBytes("iso8859-1"), "utf-8");
        
        String password = request.getParameter("password");
        String new_password = new String(password.getBytes("iso8859-1"), "utf-8");
        
        String gender = request.getParameter("gender");
        String new_gender = new String(gender.getBytes("iso8859-1"), "utf-8");
        
        String[] hobbies = request.getParameterValues("hobby");
        for (int i = 0; i < hobbies.length; i++) {
            hobbies[i]=new String(hobbies[i].getBytes("iso8859-1"), "utf-8");
        }
        
        String degree = request.getParameter("degree");
        String new_password = new String(password.getBytes("iso8859-1"), "utf-8");
        
        String other = request.getParameter("other");
        String new_password = new String(password.getBytes("iso8859-1"), "utf-8");
    }

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

POST提交方式：

@WebServlet(name = "RegisterServlet",urlPatterns = "/register")
public class RegisterServlet extends HttpServlet {
    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");
        String[] hobbies = request.getParameterValues("hobby");
        String degree = request.getParameter("degree");
        String other = request.getParameter("other");
        
        //如果伺服器端需要向客戶端傳送的資料
        response.setContentType("text/html;charset=utf-8");
    }

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