JSP 表單處理

我們在瀏覽網頁的時候，經常需要向服務器提交信息，并讓后臺程序處理。瀏覽器中使用 GET 和 POST 方法向服務器提交數據。

GET 方法

GET方法將請求的編碼信息添加在網址后面，網址與編碼信息通過"?"號分隔。如下所示：

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

GET方法是瀏覽器默認傳遞參數的方法，一些敏感信息，如密碼等建議不使用GET方法。

用get時，傳輸數據的大小有限制（注意不是參數的個數有限制），最大為1024字節。

POST 方法

一些敏感信息，如密碼等我們可以通過POST方法傳遞，POST提交數據是隱式的。

POST提交數據是不可見的，GET是通過在url里面傳遞的（可以看一下你瀏覽器的地址欄）。

JSP使用getParameter()來獲得傳遞的參數，getInputStream()方法用來處理客戶端的二進制數據流的請求。

JSP 讀取表單數據

getParameter(): 使用 request.getParameter() 方法來獲取表單參數的值。
getParameterValues(): 獲得如checkbox類（名字相同，但值有多個）的數據。接收數組變量，如checkbox類型
getParameterNames():該方法可以取得所有變量的名稱，該方法返回一個Emumeration。
getInputStream():調用此方法來讀取來自客戶端的二進制數據流。

使用URL的 GET 方法實例

以下是一個簡單的URL,并使用GET方法來傳遞URL中的參數：

http://localhost:8080/testjsp/main.jsp?name=菜鳥教程&url=http://ww.runoob.com

testjsp 為項目地址。

以下是 main.jsp 文件的JSP程序用于處理客戶端提交的表單數據，我們使用getParameter()方法來獲取提交的數據：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ page import="java.io.*,java.util.*" %>

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

<h1>使用 GET 方法讀取數據</h1>

<ul>

<%=request.getParameter("name")%>

</p></li>

<%=request.getParameter("url")%>

</p></li>

</ul>

</body>

</html>

接下來我們通過瀏覽器訪問 http://localhost:8080/testjsp/main.jsp?name=菜鳥教程&url=http://ww.runoob.com 輸出結果如下所示：

使用表單的 GET 方法實例

以下是一個簡單的 HTML 表單，該表單通過GET方法將客戶端數據提交到 main.jsp 文件中：

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

站點名: <input type="text" name="name">

<br />

網址: <input type="text" name="url" />

</form>

</body>

</html>

將以上HTML代碼保存到test.htm文件中。將該文件放置于當前jsp項目的 WebContent 目錄下（與 main.jsp 同一個目錄）。

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數據到 main.jsp 文件，演示 Gif 圖如下所示：

在 "站點名" 與 "網址" 兩個表單中填入信息，并點擊 "提交" 按鈕，它將輸出結果。

使用表單的 POST 方法實例

接下來讓我們使用POST方法來傳遞表單數據，修改main.jsp與Hello.htm文件代碼，如下所示：

main.jsp文件代碼：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ page import="java.io.*,java.util.*" %>

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

<h1>使用 POST 方法讀取數據</h1>

<ul>

// 解決中文亂碼的問題

String name=new String((request.getParameter("name")).getBytes("ISO-8859-1"),"UTF-8");

<%=name%>

</p></li>

<%=request.getParameter("url")%>

</p></li>

</ul>

</body>

</html>

代碼中我們使用 new String((request.getParameter("name")).getBytes("ISO-8859-1"),"UTF-8")來轉換編碼，防止中文亂碼的發生。

以下是test.htm修改后的代碼：

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

站點名: <input type="text" name="name">

<br />

網址: <input type="text" name="url" />

</form>

</body>

</html>

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數據到 main.jsp 文件，演示 Gif 圖如下所示：

傳遞 Checkbox 數據到JSP程序

復選框 checkbox 可以傳遞一個甚至多個數據。

以下是一個簡單的HTML代碼，并將代碼保存在test.htm文件中：

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

<input type="checkbox" name="google" checked="checked" /> Google

<input type="checkbox" name="runoob" /> 菜鳥教程

淘寶

</form>

</body>

</html>

以上代碼在瀏覽器訪問如下所示：

以下為main.jsp文件代碼，用于處理復選框數據：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ page import="java.io.*,java.util.*" %>

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

<h1>從復選框中讀取數據</h1>

<ul>

<li><p><b>Google 是否選中:</b>

<%=request.getParameter("google")%>

</p></li>

<li><p><b>菜鳥教程是否選中:</b>

<%=request.getParameter("runoob")%>

</p></li>

<li><p><b>淘寶是否選中:</b>

<%=request.getParameter("taobao")%>

</p></li>

</ul>

</body>

</html>

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數據到 main.jsp 文件，演示 Gif 圖如下所示：

讀取所有表單參數

以下我們將使用 HttpServletRequest 的 getParameterNames() 來讀取所有表單參數,該方法可以取得所有變量的名稱，該方法返回一個枚舉。

一旦我們有了一個 Enumeration（枚舉），我們就可以調用 hasMoreElements() 方法來確定是否還有元素，以及使用nextElement（）方法來獲得每個參數的名稱。

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ page import="java.io.*,java.util.*" %>

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

<h1>讀取所有表單參數</h1>

</tr>

Enumeration paramNames=request.getParameterNames();

while(paramNames.hasMoreElements()) {

String paramName=(String)paramNames.nextElement();

out.print("<tr><td>" + paramName + "</td>\n");

String paramValue=request.getParameter(paramName);

out.println("<td> " + paramValue + "</td></tr>\n");

}

</table>

</body>

</html>

以下是test.htm文件的內容:

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

<input type="checkbox" name="google" checked="checked" /> Google

<input type="checkbox" name="runoob" /> 菜鳥教程

淘寶

</form>

</body>

</html>

現在我們通過瀏覽器訪問 test.htm 文件提交數據，輸出結果如下：

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數據到 main.jsp 文件，演示 Gif 圖如下所示：

你可以嘗試使用以上的JSP代碼讀取其它對象，如文本框，單選按鈕或下拉框等等其他形式的數據。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

么是JSP

JSP全名為Java Server Pages，java服務器頁面。JSP是一種基于文本的程序，其特點就是HTML和Java代碼共同存在！

為什么需要JSP

JSP是為了簡化Servlet的工作出現的替代品，Servlet輸出HTML非常困難，JSP就是替代Servlet輸出HTML的。

簡單使用一下JSP

在idea下生成一個JSP，我們來看一下JSP長什么樣子

看起來就像一個HTML頁面，前面也說了：JSP的特點就是HTML和Java代碼共同存在
我們向瀏覽器輸出一句HelloWorld，至于<%%>這個東西，我先不解釋！

JSP的工作原理

在Tomcat博客中我提到過：Tomcat訪問任何的資源都是在訪問Servlet！，當然了，JSP也不例外！JSP本身就是一種Servlet。為什么我說JSP本身就是一種Servlet呢？其實JSP在第一次被訪問的時候會被編譯為HttpJspPage類（該類是HttpServlet的一個子類）
剛才我簡單使用了一下JSP，它被編譯成了這么一個Servlet:

編譯過程是這樣子的：瀏覽器第一次請求1.jsp時，Tomcat會將1.jsp轉化成1_jsp.java這么一個類，并將該文件編譯成class文件。編譯完畢后再運行class文件來響應瀏覽器的請求。
以后訪問1.jsp就不再重新編譯jsp文件了，直接調用class文件來響應瀏覽器。當然了，如果Tomcat檢測到JSP頁面改動了的話，會重新編譯的。
既然JSP是一個Servlet，那JSP頁面中的HTML排版標簽是怎么樣被發送到瀏覽器的？我們來看下上面1_jsp.java的源碼就知道了。原來就是用write()出去的罷了。說到底，JSP就是封裝了Servlet的java程序罷了。

有人可能也會問：JSP頁面的代碼服務器是怎么執行的？再看回1_jsp.java文件，java代碼就直接在類中的service()中。

String s="HelloWorda";
out.println(s);

JSP比Servlet更方便更簡單的一個重要原因就是：內置了9個對象！內置對象有：out、session、response、request、config、page、application、pageContext、exception，這幾個內置對象不在這里講。現在先知道一下即可！

JSP生命周期

JSP也是Servlet，運行時只有一個實例，JSP初始化和銷毀時也會調用Servlet的init()和destroy()方法。另外，JSP還有自己初始化和銷毀的方法

JSP的語法

JSP代碼可以分為兩部分：

模板數據：就是HTML代碼
元素：JSP頁面中的java代碼、JSP指令、JSP標簽

JSP腳本

JSP的腳本就是JSP頁面中的java代碼，也叫做scriptlet。JSP的腳本必須使用<%%>括起來，不然會被當成是模板數據的！
JSP腳本有三種方式：
<%%>【定義局部變量，編寫語句】
<%!%>【定義類或方法，但是沒人這樣用！】
<%=%>（也稱之為表達式輸出）【輸出各種類型的變量，int、double、String、Object等】
如果過多地使用<%%>會導致代碼混亂，JSP還提供了一種scriptlet標簽，使用此標簽和<%%>有相同的功能，只不過它更美觀了一些

<jsp:scriptlet>
 String s="HelloWorld";
 out.println(s);
</jsp:scriptlet>

JSP注釋

<%--這是JSP注釋--%>
<%--%>
//這是java的當行注釋
//
/*這是java的多行注釋*/
/**/

JSP指令

JSP指令用來聲明JSP頁面的相關屬性，例如編碼方式、文檔類型等等

JSP指令的語法：

<%@指令 屬性名="值" %>

page指令

我在idea生成的JSP頁面就有page指令了。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

page指令常見屬性：
language="java"
extends="package.class"
import="{package.class | package.*}, …"
session="true | false"
buffer="none | 8kb | sizekb"
autoFlush="true | false"
isThreadSafe="true | false"
info="text"
errorPage="relative_url"
isErrorPage="true | false"
contentType="mimeType ;charset=characterSet " | "text/html ; charset=ISO-8859-1"
pageEncoding="characterSet | ISO-8859-1"
isELIgnored="true | false"
一般地，在eclipse或idea這些高級開發工具上開發，我們只需要在page指令中指定contentType="text/html;charset=UTF-8"，就不會出現中文亂碼問題！
當然了contentType 不僅僅可以指定以text/html的方式顯示，還可以使用其他的形式顯示出來。在conf/web.xml文件中可以查詢出來

比如，我以doc形式顯示jsp的數據

<%@ page contentType="application/msword;charset=UTF-8" language="java" %>
<html>
<head>
 <title>簡單使用JSP</title>
</head>
<body>
 1111
</body>
</html>

我們上網的時候，如果我們操作不當，或者服務器出錯了，頁面都是會出現友好提示的！這個也能通過page指令來實現跳轉到友好提示頁面上！
page指令errorPage=和isErrorPage這兩個屬性，下面我們來看一下怎么使用！
1.jsp出現了錯誤，通過page指令的errorPage屬性跳轉到error.jsp頁面上

<%@ page contentType="text/html;charset=UTF-8" language="java" errorPage="error.jsp" %>
<html>
<head>
 <title>該頁面出錯了！</title>
</head>
<body>
 <%--模擬頁面出錯了！！！--%>
 <%
 int result=2 / 0;
 %>
 你好呀
</body>
</html>

error.jsp頁面要通過page指令的isErrorPage屬性設置頁面就是錯誤頁面

<%@ page contentType="text/html;charset=UTF-8" language="java" isErrorPage="true" %>
<html>
 <head>
 <title>友好提示頁面</title>
 </head>
 <body>
 服務器正忙著呢！
 </body>
</html>

下面是效果：

當然了，細心的朋友可以發現地址欄是沒有變化的，所以屬于是服務器跳轉。以上的做法是單個頁面設置的，如果我會有很多錯誤（JSP多的情況下，錯誤就會多），單個設置太麻煩了！
我們可以在web.xml文件中全局設置錯誤頁，只要發生了404錯誤或者空指針異常的錯誤都會跳轉到error.jsp頁面上

<error-page>
 <error-code>404</error-code>
 <location>/error.jsp</location>
</error-page>
<error-page>
 <exception-type>java.lang.NullPointerException</exception-type>
 <location>/error.jsp</location>
</error-page>

隨便輸個資源進行，會發生發404錯誤的，跳轉到錯誤頁面。下面是效果：

include指令

在講解request對象的時候，我們曾經使用過request.getRequestDispatcher(String url).include(request,response)來對頁頭和頁尾面進行包含
inclue指令也是做這樣的事情，我們來試驗一下吧！
這是頁頭

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
 <head>
 <title>頁頭</title>
 </head>
 <body>
 我是頁頭
 <br>
 <br>
 <br>
 </body>
</html>

這是頁尾

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>頁尾</title>
</head>
<body>
我是頁尾
</body>
</html>

在1.jsp中把頁頭和頁尾包含進來

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>包含頁頭和頁尾進來</title>
</head>
<body>
<%@include file="head.jsp" %>
<%@include file="foot.jsp" %>
</body>
</html>

訪問1.jsp

include指令是靜態包含。靜態包含的意思就是：把文件的代碼內容都包含進來，再編譯！，看一下jsp的源代碼就知道了！

jsp還提供另一種包含文件的方式：JSP行為---動態包含。jsp行為在下面會講到！

taglib指令

JSP支持標簽技術，要使用標簽技術就先得聲明標簽庫和標簽前綴。taglib指令就是用來指明JSP頁面內使用標簽庫技術。
這里就不詳細說明了，等到學習JSP標簽的時候再使用吧！現在記住有這個指令即可。

JSP行為

JSP行為（JSP Actions）是一組JSP內置的標簽，只書寫少量的標記代碼就能夠使用JSP提供豐富的功能，JSP行為是對常用的JSP功能的抽象和封裝。

為什么我不把它直接稱為JSP標簽呢？我把這些JSP內置的標簽稱之為JSP行為，能夠和JSTL標簽區分開來。當然了，你也可以把它稱之為JSP標簽，你不要搞混就行了。我個人喜歡把這些JSP內置標簽稱之為JSP行為。

include行為

上面已經提及到了，include指令是靜態包含，include行為是動態包含。其實include行為就是封裝了request.getRequestDispatcher(String url).include(request,response)
include行為語法是這個樣子的

 <jsp:include page=""/>

我們先來使用一下把，在1.jsp頁面中也將頁頭和頁尾包含進來。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>包含頁頭和頁尾進來</title>
</head>
<body>
 <jsp:include page="head.jsp"/>
 <jsp:include page="foot.jsp"/>
</body>
</html>

訪問1.jsp頁面看一下效果：

使用jsp行為來包含文件，jsp源文件是這樣子的：

jsp行為包含文件就是先編譯被包含的頁面，再將頁面的結果寫入到包含的頁面中（1.jsp)
當然了，現在有靜態包含和動態包含，使用哪一個更好呢？答案是：動態包含。
動態包含可以向被包含的頁面傳遞參數（用處不大），并且是分別處理包含頁面的（將被包含頁面編譯后得出的結果再寫進包含頁面）【如果有相同名稱的參數，使用靜態包含就會報錯！】！
模擬一下場景吧，現在我的頭頁面有個名為s的字符串變量

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
 <head>
 <title>頁頭</title>
 </head>
 <body>
 <%
 String s="zhongfucheng";
 %>
 我是頁頭呀
 <br>
 <br>
 <br>
 </body>
</html>

我的頁尾也有個名為s的字符串變量

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>頁尾</title>
</head>
<body>
<%
 String s="zhongfucheng";
%>
我是頁尾呀
</body>
</html>

現在我使用靜態包含看看會發生什么，出現異常了。

出現異常的原因很簡單，就是同一個文件中有兩個相同的變量s

使用動態包含就可以避免這種情況

param行為

當使用和行為引入或將請求轉發給其它資源時，可以使用行為向這個資源傳遞參數。

forward行為

在講解request對象的時候，我們使用request.getRequestDispatcher(String url).forward(request,response)進行跳轉。其實forward行為就是對其封裝！
我們來看一下forward的語法：

<jsp:forward page=""/>

好的，我們來使用一下吧。訪問1.jsp頁面就跳轉到head.jsp頁面中

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>訪問1.jsp就跳轉到head.jsp</title>
</head>
<body>
<jsp:forward page="head.jsp"/>
</body>
</html>

看一下效果

如果我要傳遞參數，就要在forward行為嵌套param行為
在跳轉到head.jsp時傳入參數username值為zhongfucheng

<jsp:forward page="head.jsp">
 <jsp:param name="username" value="zhongfucheng"/>
</jsp:forward>

在head.jsp頁面中獲取到傳遞過來的參數

<%
 String ss=request.getParameter("username");
%>
獲取到的參數是：
<%=ss%>

效果如下圖所示

directive行為

directive的中文意思就是指令。該行為就是替代指令<%@%>的語法的
相當于<%@include file="" %>
相當于<%@page %>
相當于<%@taglib %>
我們來試一下能不能用的

<jsp:directive.include file="head.jsp"></jsp:directive.include>
<jsp:directive.include file="foot.jsp"></jsp:directive.include>

看下效果，正常可以包含頁面：

使用該指令可以讓JSP頁面更加美觀！
使用scriptlet行為替代<%%>是同樣一個道理

javaBean行為

JSP還提供了操作javaBean對象的行為，在這里就不詳細說明了，后面會講到的！現在記住JSP提供了javaBean行為來操作簡單類即可！

<jsp:useBean id=""/>
<jsp:setProperty name="" property=""/>
<jsp:getProperty name="" property=""/>

文章來源：https://dwz.cn/OtXvyvh3
作者：Java3y

精品長文創作季#

JSP，全稱是Java Server Pages，中文含義是Java服務端頁面，它是一種用于動態網頁開發的技術，本質上就是Servlet程序，只不過JSP是將Servlet中和HTML、CSS、JavaScript等界面相關的代碼單獨抽取出來，從而形成了JSP，下面就介紹一下JSP程序。

1.1、JSP的本質

JSP是專門用于前端界面顯示的一個文件，為什么會出現JSP呢？？？首先我們來看下，JSP沒有出來之前，如果我們要使用Servlet程序編寫一個HTML界面，此時你會寫出下面的代碼：

package com.gitcode.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.io.PrintWriter;

/**
 * @version 1.0.0
 * @Date: 2024/2/10 20:20
 * @Author ZhuYouBin
 * @Description:
 */
public class HtmlResponseServlet extends HttpServlet {
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 響應HTML內容
        response.setContentType("text/html;charset=UTF-8");
        // 獲取輸出流
        PrintWriter writer=response.getWriter();

        // 輸出HTML內容
        writer.println("<!DOCTYPE html>");
        writer.println("<html lang=\"en\">");
        writer.println("<head>");
        writer.println("    <meta charset=\"UTF-8\">");
        writer.println("    <title>響應HTML內容</title>");
        writer.println("</head>");
        writer.println("<body>");
        writer.println("    <h3>Hello World！你好，世界！</h3>");
        writer.println("</body>");
        writer.println("</html>");

        // 關閉流
        writer.close();
    }
}

從上面代碼中，可以看出來，開發一個HTML界面，需要使用writer輸出流，將HTML代碼拼接起來，通過HttpServletResponse響應對象，返回給客戶端。

可想而知，這是多么復雜的事情，這還只是一個HTML界面，一個Web工程中有著幾十、幾百個HTML，那么通過這種編碼方式，一方面開發效率非常低，另一方面后期維護起來的時候，也是非常困難。

所以，為了解決這個問題，Sun公司就提出了一種新的動態網頁開發技術，也就是我們這里所學的JSP程序。

JSP是如何解決輸出HTML問題的呢？？？

我們這樣想一下，在上面的代碼中，大部分代碼都是使用writer.println()方法輸出HTML標簽內容，那么我們能不能將這一部分代碼單獨抽取出來，然后在程序運行的時候，再把這些代碼嵌入到對應的位置，最終拼接成一個完整的HTML返回給客戶端。

Sun公司就是采用了這種思想，將這些和HTML相關的代碼都單獨抽取了出來，將其單獨保存到一個以【.jsp】為后綴的文件里面，這個.jsp文件就叫做JSP程序。Sun公司開發了一個JSP引擎程序，在程序運行過程中，通過JSP引擎將對應的jsp文件渲染成Servlet程序，最終將渲染的結果響應給客戶端，這樣就實現了簡化Servlet的開發。

所以說，JSP程序本質上就是Servlet程序，這是因為JSP引擎會將我們訪問的JSP文件，渲染成Servlet程序，然后再執行這個Servlet程序，從而完成客戶端的響應處理。

1.2、創建JSP程序

創建JSP程序非常簡單，我們只需要創建一個以【.jsp】為后綴的文件，接著編寫相關的代碼即可。在IDEA中的web目錄下，創建一個HelloWorld.jsp文件，如下：

這樣就創建成功啦！！！啟動Tomcat容器，瀏覽器訪問http://localhost:8080/servlet/HelloWorld.jsp地址，看到下面內容，那么第一個JSP程序就算完成啦。

PS：一般情況下，我們會將jsp文件保存在WEB-INF目錄下面，因為這個目錄下的文件是受保護的，瀏覽器不能直接訪問。

今天就到這里，未完待續~~

在線咨詢

上一篇：關于建立個人網站流程
下一篇：Authing Share｜理解 SAML2 協議

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JSP 表單處理

么是JSP

為什么需要JSP

簡單使用一下JSP

JSP的工作原理

JSP生命周期

JSP的語法

1.1、JSP的本質

1.2、創建JSP程序

您的項目需求