HTMLフォームからJSPへのポスト - JSP

HTMLフォームからJSPへポストする例です。

コード (htmlフォーム:addressbook.html)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
    <title>Address Book Input Form</title>
  </head>
  <body>
    <FORM method="POST" action="addressbook.jsp">
      <p>お名前と住所を入力してください</p>
      お名前 : <INPUT type="text" name="name"><br><br>
      住所 : <INPUT type="text" name="address"><br><br>
      <INPUT type="submit" value="SEND">
      <INPUT type="reset" value="RESET">  
    </FORM>    
  </body>
</html>

解説

HTMLフォームを用意します。アクション先はJSPファイルにします。
フォーム内にはテキストボックス、クリアボタン、サブミットボタンを配置します。
  <FORM method="POST" action="addressbook.jsp">

コード (JSPファイル:addressbook.jsp)

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%!
  //メソッドの宣言
  private String getName() {
    return "aaa";//request.getParameter("name"); 
    //ここでは定義済みオブジェクトは使えない
  }

  private String getAddress() {
    return "bbb";//request.getParameter("address");    
    //ここでは定義済みオブジェクトは使えない
  }

%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Address Book</title>
  </head>
  <body>
    <h1>AddressBook</h1>
    <p><%= getName()%>さん、こんにちわ</p>
    <p>おいらも<%= getAddress()%>に行きたいよ</p>
    <p></p>
    <p> <%= request.getParameter("name")%>さん、こんにちわ</p>
    <p>おいらも <%= request.getParameter("address")%>に行きたいよ</p>
  </body>
</html>

解説

request.getParameter()メソッドを呼び出し、POSTされた内容を表示します。
  <%= request.getParameter("name")%>さん、こんにちわ
  おいらも <%= request.getParameter("address")%>に行きたいよ

実行結果

HTMLフォームを表示


名前と住所を入力しSENDボタンを押します。


入力した名前と住所が表示されます。


注意

日本語を入力すると


表示が文字化けしてしまいます。


著者
iPentecのプログラマー、最近はAIの積極的な活用にも取り組み中。
とっても恥ずかしがり。
最終更新日: 2024-01-06
作成日: 2011-02-12
iPentec all rights reserverd.