プログラミング
 Computer >> コンピューター >  >> プログラミング >> プログラミング

GETメソッドとJSPでフォームデータを読み取る方法をわかりやすく解説

JSPでは、HTMLフォームから送信されたデータを簡単に受け取ることができます。ここでは、HTMLフォームと送信ボタンを使って「名（First Name）」と「姓（Last Name）」の2つの値をGETメソッドで渡す例を紹介します。入力データの処理には、main.jspというJSPファイルを使用します。

1. データ送信用のHTMLフォームを作成する

まず、GETメソッドでデータを送信するためのHTMLフォームを作成します。以下のコードを参考にしてください。

<html>
   <body>
      <form action = "main.jsp" method = "GET">
         First Name: <input type = "text" name = "first_name">
         <br />
         Last Name: <input type = "text" name = "last_name" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
</html>

このHTMLコードをHello.htmという名前で保存し、<Tomcatインストールディレクトリ>/webapps/ROOTディレクトリに配置してください。

2. フォームデータを受け取るmain.jspを作成する

次に、送信されたフォームデータを受け取る側のJSPファイルを作成します。request.getParameter()メソッドを使うことで、GETメソッドで送られた各入力項目の値を取得できます。

<html>
   <body>
      <%
         String first_name = request.getParameter("first_name");
         String last_name = request.getParameter("last_name");
         out.println("First Name: " + first_name + "<br/>");
         out.println("Last Name: " + last_name);
      %>
   </body>
</html>

3. 動作を確認する

ファイルを配置したら、ブラウザでhttps://localhost:8080/Hello.htmにアクセスしてみましょう。Tomcatが正常に起動していれば、次のようなフォーム画面が表示されます。

  • First Name（名）とLast Name（姓）のテキストボックスにそれぞれ値を入力します。
  • Submit（送信）ボタンをクリックします。
  • 入力内容がGETメソッドでmain.jspに送信され、画面に入力した名前が表示されます。

なお、GETメソッドで送信された場合、URLの末尾に「?first_name=値&last_name=値」という形式でパラメータが付加されます。このクエリ文字列の情報をJSP側でgetParameter()によって読み取り、動的に結果を出力している仕組みです。

このように、HTMLフォームとJSPを組み合わせることで、ユーザーからの入力を受け取り、サーバー側で処理する基本的なWebアプリケーションの仕組みを実現できます。ぜひローカル環境のTomcatで実際に動作を確認してみてください。

  1. JavaScriptでJSON配列からデータを読み取る方法をサンプルコード付きで解説

    Web開発では、APIから取得したJSONデータを処理する場面が非常によくあります。本記事では、JavaScriptを使ってJSON配列からデータを読み取り、画面に表示する方法を、実際に動作するサンプルコードとともにわかりやすく解説します。 JSON配列からデータを読み取る基本の流れ JSON形式の文字列をJavaScriptで扱うには、まずJSON.parse()メソッドで文字列をJavaScriptのオブジェクト（配列）に変換します。変換後は、forEach()メソッドなどを活用して、配列の各要素に格納された値へ簡単にアクセスできます。 サンプルコード <!DOCTYPE htm

  2. 【Android開発】リソースIDからリソース名を取得する方法を解説

    AndroidでリソースIDを使用してリソース名を取得する方法この記事では、Androidアプリ開発において、リソースID（Resource ID）から対応するリソース名（Resource Name）を取得する方法を、実際のコード例とともに段階的に解説します。リソース名の取得には、Resourcesクラスが提供するgetResourceName()メソッドを使用します。このメソッドにリソースIDを渡すことで、「パッケージ名:リソースタイプ/リソース名」の形式で文字列として取得できます。動的にビューを生成した場合や、デバッグ時にどのリソースが使われているか確認したい場合などに役立つテクニックです