资料输入表单与.ppt

第 6 章 資料輸入表單與request物件 製作 6-1 request物件 對JSP網頁而言，request物件代表連線時，由客戶端送至伺服端的資料。request物件將實作javax.servlet.http.HttpServletRequest介面。 當使用伺服器讀取JSP網頁時， request物件將被產生，並觸發JSP容器執行JSP文件。 6-2表單的建立與資料傳遞- 資料的傳遞過程 網頁與使用者間完整的互動過程，大抵上包含了從客戶端取得資料，在伺服端處理資料，然後輸出資料做出回應。 表單的建立與資料傳遞- 資料的傳遞過程 來操作一下將資料從客戶端傳向伺服端的實際例子。開啟ch6/PostData.htm檔，該檔的畫面如下圖所示： 表單的建立與資料傳遞- 資料的傳遞過程 將姓名輸入文字方塊後，按下 送出 按鈕，畫面將顯示Response.jsp網頁，如下圖所示： 表單的建立與資料傳遞- 資料的傳遞過程 整個運作的過程為使用者透過網頁中的表單，將資料傳送給Web伺服器，並呼叫Response.jsp檔。 此時，request物件（JSP物件）取得使用者由表單傳送過來的資料。 表單的建立與資料傳遞- 資料的傳遞過程 上述過程中，共有兩個重要的環節是本章的重點： 顯示於客戶端，供使用者填寫資料的表單 JSP網頁欲取得表單資料時，所呼叫的request物件 中文亂碼 在取出request物件的參數前, 先指定字碼 % request.setCharacterEncoding(Big5); % %= request.getParameter(tbxName) % 練習: 修改PostData.htm call Response1.jsp 表單的建立與資料傳遞- 表單的建立語法 顯示於客戶端，供使用者輸入資料的表單，必須使用HTML語法中的FORM標籤建立，並完成下表三種屬性的設定。 表單的建立與資料傳遞- 表單的建立語法 表單的建立語法如下： FORM action=JSP名稱路徑 method= {post | get} name= 表單名稱 表單中的控制項 /FORM 表單的建立與資料傳遞- 表單的建立語法 在表單中控制項的類型，主要有以下六種： 指令按鈕 文字方塊 文字區控制項 下拉選單 多選鈕 核取方塊 表單的建立與資料傳遞- 表單的建立語法 下面是ch6/PostData.htm檔中供使用者輸入姓名資料的表單。 表單的建立與資料傳遞- 取得客戶端傳遞的資料 在JSP檔中，取得客戶端所傳來資料的動作，將透過request物件的getParameter方法完成，其語法如下：? request.getParameter(控制項名稱) 表單的建立與資料傳遞- 取得客戶端傳遞的資料 下面是 Response.jsp 檔回應ch6/PostData.htm檔時，取得表單中文字方塊（tbxName）資料的敘述。 表單的建立與資料傳遞-資料傳遞的Get方式 欲將PostData.htm中表單資料的傳遞方式，由Post方法改成Get方法時，僅需要將表單標籤的method屬性，從Post改為Get即可。 表單的建立與資料傳遞-資料傳遞的Get方式 Post請求的架構圖如下所示： 表單的建立與資料傳遞-資料傳遞的Get方式 Get則會將傳遞的訊息顯示在欲瀏覽網頁網址後，架構圖如下所示： 表單的建立與資料傳遞-資料傳遞的Get方式 不過，不論用Post方法或者Get方法，在Response.jsp中，取得表單傳回資訊的方法　均相同： 表單的建立與資料傳遞-資料傳遞的Get方式 從Get方法的說明中，我們得到了一個啟發，以下語法可用於開啟JSP網頁，並將資料傳遞給伺服端。? Http://網址?參數1=值1參數2=值2…　　　 　　參數N=值N? 表單的建立與資料傳遞-資料傳遞的Get方式 因此，在GetData.htm中輸入Julianno後，　按下 送出 按鈕，相當於利用以下超連結開啟Resposne.jsp網頁。? 表單的建立與資料傳遞-資料傳遞的Get方式 在ch6\GetData2.htm檔中，就示範了以這個方式開啟網頁，並傳遞資料給Response.jsp檔的做法： 6-2表單的建立與資料傳遞 6-2-5 資料的轉換 當利用request物件，取得從表單中傳遞過來的資料時，不論使用者在表單輸入的數字還是文字，所取得資料之型別均為String。 JSP網頁需要處理數值運算時，必須將字串轉換成數值。在進行轉換時，將利用某型別之類別方法進行轉換，語法如下： 型別類別.parseXX