第五章 Servlet 表單數據

文章目錄

關於本篇文章

瞭解一些 servlet 概念，本編文章只進行一些文章格式修改，文章內使用的圖片均來自 Runoob 網站

致謝

感謝 Runoob 提供的相關資料，官方資料地址Servlet 教程

GET 方法

GET 方法想服務器發送頁面請求包含已編碼的用戶信息。頁面和已編碼的信息中間用?字符分隔，如下：

http://www.test.com/hello?key1=value1&key2=value2

GET 方法是默認的從瀏覽器向 Web 服務器傳遞信息的方式，他會產生一個很長的字符串，出現在地址欄中。GET 方法有大小限制：最多只能有1024個字符。這些信息使用 QUERY_STRING 頭傳遞，並可以通過 QUERY_STRING 環境變量訪問，Servlet 使用 doGet()方法處理這種類型的請求。

POST 方法

POST 方法打包信息與 GET 方式基本相同，但 POST 不把信息放在 URL 中，而是作爲單獨的信息傳遞給後臺。Servlet 使用 doPost()方法處理這種類型的請求。

使用 Servlet 讀取表單數據

getParameter(): request.getParameter()用於獲取表單參數的值
getParameterValues(): 如果參數出現一次以上，則調用該方法，返回多個值。例如複選框
getParameterNames(): 獲取請求表單中的所有參數

使用 URL 的 GET 方法實例

獲取下面 URL 中的兩個值

http://localhost:8080/TomcatTest/HelloForm?name=菜鳥教程&url=www.runoob.com

package com.runoob.test;

import java.io.IOException;
import java.io.PrintWriter;

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 HelloForm
 */
@WebServlet("/HelloForm")
public class HelloForm extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public HelloForm() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 設置響應內容類型
        response.setContentType("text/html;charset=UTF-8");

        PrintWriter out = response.getWriter();
        String title = "使用 GET 方法讀取表單數據";
        // 處理中文
        String name =new String(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8");
        String docType = "<!DOCTYPE html> \n";
        out.println(docType +
            "<html>\n" +
            "<head><title>" + title + "</title></head>\n" +
            "<body bgcolor=\"#f0f0f0\">\n" +
            "<h1 align=\"center\">" + title + "</h1>\n" +
            "<ul>\n" +
            "  <li><b>站點名</b>："
            + name + "\n" +
            "  <li><b>網址</b>："
            + request.getParameter("url") + "\n" +
            "</ul>\n" +
            "</body></html>");
    }
    
    // 處理 POST 方法請求的方法
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }
}

然後我們在 web.xml 中創建一下條目

<?xml version="1.0" encoding="UTF-8"?>
<web-app>
  <servlet>
    <servlet-name>HelloForm</servlet-name>
    <servlet-class>com.runoob.test.HelloForm</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>HelloForm</servlet-name>
    <url-pattern>/TomcatTest/HelloForm</url-pattern>
  </servlet-mapping>
</web-app>

現在啓動 Tomcat，在瀏覽器地址中輸入 http://localhost:8080/TomcatTest/HelloForm?name=菜鳥教程&url=www.runoob.com，如果一些順利，頁面將返回 URL 中的數據，菜鳥教程和www.runoob.com

使用表單的 GET 方法實例

下面是一個簡單的實例，使用 HTML 表單和提交按鈕傳遞兩個值。我們將使用相同的 Servlet HelloForm 來處理輸入。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>菜鳥教程(runoob.com)</title>
</head>
<body>
	<form action="HelloForm" method="GET">
		網址名：<input type="text" name="name">
		<br />
		網址：<input type="text" name="url" />
		<input type="submit" value="提交" />
	</form>
</body>
</html>

提交表單後，頁面會返回輸入的數據。

使用表單的 POST 方法實例

現在將頁面中的 GET 提交方法，改成 POST

將 <form action="HelloForm" method="GET">

改成 <form action="HelloForm" method="POST">

Java 代碼

package com.runoob.test;

import java.io.IOException;
import java.io.PrintWriter;

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 HelloForm
 */
@WebServlet("/HelloForm")
public class HelloForm extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public HelloForm() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 設置響應內容類型
        response.setContentType("text/html;charset=UTF-8");

        PrintWriter out = response.getWriter();
        String title = "使用 POST 方法讀取表單數據";
        // 處理中文
        String name =new String(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8");
        String docType = "<!DOCTYPE html> \n";
        out.println(docType +
            "<html>\n" +
            "<head><title>" + title + "</title></head>\n" +
            "<body bgcolor=\"#f0f0f0\">\n" +
            "<h1 align=\"center\">" + title + "</h1>\n" +
            "<ul>\n" +
            "  <li><b>站點名</b>："
            + name + "\n" +
            "  <li><b>網址</b>："
            + request.getParameter("url") + "\n" +
            "</ul>\n" +
            "</body></html>");
    }
    
    // 處理 POST 方法請求的方法
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }
}

提交表單後，頁面會返回輸入的數據。

[外鏈圖片轉存失敗(img-HXr632Ax-1564110894806)(https://www.runoob.com/wp-content/uploads/2014/07/servlet10.gif)]

將複選框數據傳遞到 Servlet 程序

當需要選擇一個以上的選項時，則使用複選框。

下面是一個 HTML 代碼實例 checkbox.html，一個帶有兩個複選框的表單。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>菜鳥教程(runoob.com)</title>
</head>
<body>
  <form action="CheckBox" method="POST" target="_blank">
	<input type="checkbox" name="runoob" checked="checked" /> 菜鳥教程
	<input type="checkbox" name="google"  /> Google
	<input type="checkbox" name="taobao" checked="checked" /> 淘寶
	<input type="submit" value="選擇站點" />
</form>
</body>
</html>

下面是 CheckBox.java Servlet 程序，處理 Web 瀏覽器給出的複選框輸入。

package com.runoob.test;

import java.io.IOException;
import java.io.PrintWriter;

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 CheckBox
 */
@WebServlet("/CheckBox")
public class CheckBox extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
        // 設置響應內容類型
        response.setContentType("text/html;charset=UTF-8");

        PrintWriter out = response.getWriter();
        String title = "讀取複選框數據";
        String docType = "<!DOCTYPE html> \n";
            out.println(docType +
                "<html>\n" +
                "<head><title>" + title + "</title></head>\n" +
                "<body bgcolor=\"#f0f0f0\">\n" +
                "<h1 align=\"center\">" + title + "</h1>\n" +
                "<ul>\n" +
                "  <li><b>菜鳥按教程標識：</b>: "
                + request.getParameter("runoob") + "\n" +
                "  <li><b>Google 標識：</b>: "
                + request.getParameter("google") + "\n" +
                "  <li><b>淘寶標識：</b>: "
                + request.getParameter("taobao") + "\n" +
                "</ul>\n" +
                "</body></html>");
    }
    
    // 處理 POST 方法請求的方法
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }
}

設置對應的 web.xml：

<?xml version="1.0" encoding="UTF-8"?>
<web-app>
  <servlet>
    <servlet-name>CheckBox</servlet-name>
    <servlet-class>com.runoob.test.CheckBox</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>CheckBox</servlet-name>
    <url-pattern>/TomcatTest/CheckBox</url-pattern>
  </servlet-mapping>
</web-app>

上面的實例將顯示下面的結果：

讀取所有的表單參數

以下是通用的實例，使用 HttpServletRequest 的 getParameterNames() 方法讀取所有可用的表單參數。該方法返回一個枚舉，其中包含未指定順序的參數名。

一旦我們有一個枚舉，我們可以以標準方式循環枚舉，使用 hasMoreElements() 方法來確定何時停止，使用 nextElement() 方法來獲取每個參數的名稱。

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Enumeration;

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 ReadParams
 */
@WebServlet("/ReadParams")
public class ReadParams extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ReadParams() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 設置響應內容類型
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        String title = "讀取所有的表單數據";
        String docType =
            "<!doctype html public \"-//w3c//dtd html 4.0 " +
            "transitional//en\">\n";
            out.println(docType +
            "<html>\n" +
            "<head><meta charset=\"utf-8\"><title>" + title + "</title></head>\n" +
            "<body bgcolor=\"#f0f0f0\">\n" +
            "<h1 align=\"center\">" + title + "</h1>\n" +
            "<table width=\"100%\" border=\"1\" align=\"center\">\n" +
            "<tr bgcolor=\"#949494\">\n" +
            "<th>參數名稱</th><th>參數值</th>\n"+
            "</tr>\n");

        Enumeration paramNames = request.getParameterNames();

        while(paramNames.hasMoreElements()) {
            String paramName = (String)paramNames.nextElement();
            out.print("<tr><td>" + paramName + "</td>\n");
            String[] paramValues =
            request.getParameterValues(paramName);
            // 讀取單個值的數據
            if (paramValues.length == 1) {
                String paramValue = paramValues[0];
                if (paramValue.length() == 0)
                    out.println("<td><i>沒有值</i></td>");
                else
                    out.println("<td>" + paramValue + "</td>");
            } else {
                // 讀取多個值的數據
                out.println("<td><ul>");
                for(int i=0; i < paramValues.length; i++) {
                out.println("<li>" + paramValues[i]);
            }
                out.println("</ul></td>");
            }
            out.print("</tr>");
        }
        out.println("\n</table>\n</body></html>");
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

現在，通過下面的表單嘗試上面的 Servlet：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>菜鳥教程(runoob.com)</title>
</head>
<body>

	<form action="ReadParams" method="POST" target="_blank">
		<input type="checkbox" name="maths" checked="checked" /> 數學
		<input type="checkbox" name="physics"  /> 物理
		<input type="checkbox" name="chemistry" checked="checked" /> 化學
		<input type="submit" value="選擇學科" />
	</form>

</body>
</html>

設置相應的 web.xml:

<?xml version="1.0" encoding="UTF-8"?>
<web-app>
  <servlet>
    <servlet-name>ReadParams</servlet-name>
    <servlet-class>com.runoob.test.ReadParams</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>ReadParams</servlet-name>
    <url-pattern>/TomcatTest/ReadParams</url-pattern>
  </servlet-mapping>
</web-app>

現在使用上面的表單調用 Servlet，將產生以下結果：

您可以嘗試使用上面的 Servlet 來讀取其他的表單數據，比如文本框、單選按鈕或下拉框等。

第五章 Servlet 表單數據

文章目錄

關於本篇文章

致謝

GET 方法

POST 方法

使用 Servlet 讀取表單數據

使用 URL 的 GET 方法實例

使用表單的 GET 方法實例

使用表單的 POST 方法實例

將複選框數據傳遞到 Servlet 程序

讀取所有的表單參數

再談23種設計模式（3）：行爲型模式（學習筆記）

Power Automate Desktop 安裝完，登錄後老是提示one driver 錯誤

微前端學習筆記(4):從微前端到微模塊之EMP與hel-micro方案探索

微前端學習筆記（1）：微前端總體架構概述，從微服務發微

985 碩士程序員，空窗 4 個月沒有 Offer！

一文搞懂 Spring 循環依賴

賽博鬥地主——使用大語言模型扮演Agent智能體玩牌類遊戲。

VScode右鍵打開(添加到右鍵)

記一次 .NET某工控視覺自動化系統卡死分析

WindowsServer--SQL Server搭建主從同步實現讀寫分離 - 事務性分發

1. 用 Idea 創建 Spring-boot

第三章 Servlet 生命週期

第一章 Servlet 簡介

第二章 Servlet 環境設置

第九章 Servlet 編寫過濾器

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結