JSP表单中的form传值

发表于 作者 isvee

不同JSP页面之间、不同action之间,以及JSP中form与其对应的action之间,JSP中form与其不对应的action之间如何传值。本文将介绍JSP表单中的form传值。

页面间链接和数据传递的三种方式

（1）通过JSP表单form将数据提交到下一个页面；

（2）通过JSP表单链接将数据提交到下一个页面；

（3）通过JSP表单Session将数据提交到后续页面，session是一次会话只要浏览器不关闭就不会关闭会话，一般默认保存30分钟可以根据自己的需要更改 。

例：

  1. 01.html
  2. <html>
  3. <head>
  4. <title>利用表单传递数据</title>
  5. </head>
  6. <body>
  7. <h3>利用表单传递数据</h3>
  8. <form name=“form1” method=“post” action=“02.jsp”>
  9. <p>你的姓名：
  10.      <input type=“text” name=“name”>
  11. </p>
  12. <p>你的爱好：
  13.      <input type=“text” name=“hobby”>
  14. </p>
  15. <p>你所从事的行业：
  16.      <select name=“work”>
  17.            <option></option> <!–默认为空，从下拉菜单中选择–>
  18.         <option value=“学生”>学生</option>
  19.         <option value=“IT业”>IT业</option>
  20.         <option value=“商业”>商业</option>
  21.         <option value=“制造业”>制造业</option>
  22.         <option value=“服务业”>服务业</option>
  23.      </select>
  24. </p>
  25. <p>
  26.      <input type=“Submit” value=“提交”>
  27.      <input type=“Reset” value=“重置”>
  28. </p>
  29. </form>
  30. </body>
  31. </html>
  32. 02.jsp
  33. <html>
  34. <head>
  35. <title>从表单中获取数据</title>
  36. </head>
  37. <%@ page contentType=“text/html;charset=GB2312”%>
  38. <body>
  39. <h3>从表单中获取数据</h3>
  40. <p>
  41. <%
  42.    //从表单中获取数据
  43.    String name= request.getParameter(“name”);
  44.    String hobby=request.getParameter(“hobby”);
  45.    String work= request.getParameter(“work”);
  46.    //验证”名字(name)”的长度是否符合要求
  47.    if(name.length()<3||name.length()>8)
  48.       out.println(“你输入的名字长度不符合要求”);
  49.    else
  50.    {
  51.       out.println(“你的姓名是：”+name+”<br>“);
  52.         out.println(“你的爱好是：”+hobby+”<br>“);
  53.       out.println(“你所从事的工作是：”+work+”<br>“);
  54.       //将”名字(name)”保存到session对象中,让后续页面(下个页面、下下个页面、……)引用
  55.       session.setAttribute(“name”,name);
  56.    }
  57. %>
  58. <br>
  59. <!–将”爱好(hobby)”和”工作(work)”以链接的形式传递给下个页面–>
  60. <a href=“03.jsp?hobby=<%=hobby%>&work=<%=work%>”>提交</a>
  61. </p>
  62. <hr>
  63. <p><font size=“2”>*将”名字(name)”保存到session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
  64. <p><font size=“2”>*将”爱好(hobby)”和”工作(work)”以链接的形式递给下个页面</font></p>
  65. </body>
  66. </html>
  67. 3.jsp
  68. <html>
  69. <head>
  70. <title>从session对象中获取”名字(name)”的值;从链接中获取”爱好(hobby)”和”工作(work)”</title>
  71. </head>
  72. <%@ page contentType=“text/html;charset=GB2312”%>
  73. <SCRIPT language=“JavaScript”>
  74.      function submit1()
  75.         {
  76.          document.forms[“form1”].action=“04.jsp”;
  77.         document.form1.submit();
  78.         }
  81.         function edit1()
  82.         {
  83.           document.forms[“form1”].action=“01.jsp”;
  84.        document.form1.submit();
  85.         }
  86. </SCRIPT>
  87. <%@ page contentType=“text/html;charset=GB2312” %>
  88. <body>
  89. <h3>从session对象中获取”名字(name)”的值;从链接中获取”爱好(hobby)”和”工作(work)”</h3>
  90. <%
  91.    String name=(String)session.getAttribute(“name”);
  92.    String hobby=request.getParameter(“hobby”);
  93.    String work= request.getParameter(“work”);
  94.    out.println(“你的姓名是：”+name+”<br>“);
  95.    out.println(“你的爱好是：”+hobby+”<br>“);
  96.    out.println(“你所从事的工作是：”+work+”<br>“);
  97.    //将”爱好(hobby)”和”工作(work)”保存在session对象中
  98.    session.setAttribute(“hobby”,hobby);
  99.   session.setAttribute(“work”,work);
  100. %>
  101. <form name=“form1” method=“post”>
  102. <input type=“hidden” name=“name” value=“<%=name%>”>
  103. <input type=“hidden” name=“hobby” value=“<%=hobby%>”>
  104. <input type=“hidden” name=“work” value=“<%=work%>”>
  105. <p><h3>确认提交这些信息吗？</h3></p>
  106. <input type=“Button” name=“Submit” value=“确认” onClick=“javascript:submit1()”>
  107. <input type=“Button” name=“Edit” value=“修改” onClick=“javascript:edit1()”>
  108. </form>
  109. <hr>
  110. <p><font size=“2”>*将”爱好(hobby)”和”工作(work)”保存在session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
  111. <p><font size=“2”>*由于”名字(name)”在上个页面中已经保存在session对象中了,这里没必要再次保存</font></p>
  112. </body>
  113. </html>
  114. 4.jsp
  115. <html>
  116. <head>
  117. <title>从sessoin对象中获取数据</title>
  118. </head>
  119. <%@ page contentType=“text/html;charset=GB2312” %>
  120. <body>
  121. <h3>从sessoin对象中获取数据</h3>
  122. <%
  123.    //从sessoin对象中获取数据
  124.    String name=(String)session.getAttribute(“name”);
  125.    String work=(String)session.getAttribute(“work”);
  126.    String hobby=(String)session.getAttribute(“hobby”);
  127. %>
  128. <p>
  129. <font color=“#0000FF”><%=name%></font>，你好！你所从事的工作是<font color=“#0000FF”><%=work%></font>，在业余时间喜欢<font color=“#0000FF”><%=hobby%></font>。
  130. </p>
  131. </body>
  132. </html>
  133. 1.jsp
  134. <html>
  135. <head>
  136. <title>利用表单传递数据</title>
  137. </head>
  138. <%@ page contentType=“text/html;charset=GB2312” %>
  139. <%
  140.    String name=request.getParameter(“name”);
  141.    String hobby=request.getParameter(“hobby”);
  142.    String work=new String(request.getParameter(“work”).getBytes(“ISO8859_1″),”GBK”);
  143. %>
  144. <body>
  145. <h3>利用表单传递数据</h3>
  146. <form name=“form1” method=“post” action=“02.jsp”>
  147. <p>你的姓名：
  148.      <input type=“text” name=“name” value=“<%=name%>”>
  149. </p>
  150. <p>你的爱好：
  151.      <input type=“text” name=“hobby” value=“<%=hobby%>”>
  152. </p>
  153. <p>你所从事的行业：
  154.      <select name=“work”>
  155.           <%if(work.equals(“学生”)){%>
  156.         <option value=“学生” selected>学生</option>
  157.         <option value=“IT业”>IT业</option>
  158.         <option value=“商业”>商业</option>
  159.         <option value=“制造业”>制造业</option>
  160.         <option value=“服务业”>服务业</option>
  161.           <%}else if(work.equals(“IT业”)){%>
  162.         <option value=“学生”>学生</option>
  163.         <option value=“IT业” selected>IT业</option>
  164.         <option value=“商业”>商业</option>
  165.         <option value=“制造业”>制造业</option>
  166.         <option value=“服务业”>服务业</option>
  167.           <%}else if(work.equals(“商业”)){%>
  168.         <option value=“学生”>学生</option>
  169.         <option value=“IT业”>IT业</option>
  170.         <option value=“商业” selected>商业</option>
  171.         <option value=“制造业”>制造业</option>
  172.         <option value=“服务业”>服务业</option>
  173.           <%}else if(work.equals(“制造业”)){%>
  174.         <option value=“学生”>学生</option>
  175.         <option value=“IT业”>IT业</option>
  176.         <option value=“商业”>商业</option>
  177.        <option value=“制造业” selected>制造业</option>
  178.         <option value=“服务业”>服务业</option>
  179.               <%}else if(work.equals(“服务业”)){%>
  180.         <option value=“学生”>学生</option>
  181.        <option value=“IT业”>IT业</option>
  182.         <option value=“商业”>商业</option>
  183.         <option value=“制造业”>制造业</option>
  184.         <option value=“服务业” selected>服务业</option>
  185.               <%}%>
  186.      </select>
  187. </p>
  188. <p>
  189.      <input type=“Submit” value=“提交”>
  190.      <input type=“Reset” value=“重置”>
  191. </p>
  192. </form>
  193. </body>
  194. </html>

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

3 × 5 =