JSP表单中的form传值
页面间链接和数据传递的三种方式
(1)通过JSP表单form将数据提交到下一个页面;
(2)通过JSP表单链接将数据提交到下一个页面;
(3)通过JSP表单Session将数据提交到后续页面,session是一次会话只要浏览器不关闭就不会关闭会话,一般默认保存30分钟可以根据自己的需要更改 。
View Code
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title>Admin Console</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6 <link rel="stylesheet" type="text/css" href="/styles/console.css" />
7 <script type="text/javascript" src="/scripts/jquery.js"></script>
8
9
10 <meta name="menu" content="home" />
11
12 </head>
13
14
15 <body>
16 <div id="page">
17 <div id="header">
18
19
27 <div id="branding">
28 <h1><a href="/">Android Push Notification Admin Console</a></h1>
29 </div>
30
31 </div>
32 <div id="content">
33 <ul id="tabmenu">
34 <li><a href="/index.do"
35 class="current">Home</a></li>
36 <li><a href="/user.do"
37 class="">Users</a></li>
38 <li><a href="/session.do"
39 class="">Sessions</a></li>
40 <li><a href="/notification.do"
41 class="">Notifications</a></li>
42 </ul>
43 <div id="tabcontent">
44
45
46 <h1>Welcome!</h1>
47
48 <div style="text-align:center"><img src="/images/androidpn.png" border="0" /></div>
49
50
51 </div>
52 </div>
53 <div id="footer">
54
62
63 <div id="copyright">© 2010 Androidpn (androidpn-server v0.5.0)</div>
64
65 </div>
66 </div>
67 </body>
68 </html>
69 <html>
70 <head>
71 <title>利用表单传递数据</title>
72 </head>
73 <body>
74 <h3>利用表单传递数据</h3>
75 <form name="form1" method="post" action="02.jsp">
76 <p>你的姓名:
77 <input type="text" name="name">
78 </p>
79 <p>你的爱好:
80 <input type="text" name="hobby">
81 </p>
82 <p>你所从事的行业:
83 <select name="work">
84 <option></option> <!--默认为空,从下拉菜单中选择-->
85 <option value="学生">学生</option>
86 <option value="IT业">IT业</option>
87 <option value="商业">商业</option>
88 <option value="制造业">制造业</option>
89 <option value="服务业">服务业</option>
90 </select>
91 </p>
92 <p>
93 <input type="Submit" value="提交">
94 <input type="Reset" value="重置">
95 </p>
96 </form>
97 </body>
98 </html>
99 02.jsp
100 <html>
101 <head>
102 <title>从表单中获取数据</title>
103 </head>
104 <%@ page contentType="text/html;charset=GB2312"%>
105 <body>
106 <h3>从表单中获取数据</h3>
107 <p>
108 <%
109 //从表单中获取数据
110 String name= request.getParameter("name");
111 String hobby=request.getParameter("hobby");
112 String work= request.getParameter("work");
113 //验证"名字(name)"的长度是否符合要求
114 if(name.length()<3||name.length()>8)
115 out.println("你输入的名字长度不符合要求");
116 else
117 {
118 out.println("你的姓名是:"+name+"<br>");
119 out.println("你的爱好是:"+hobby+"<br>");
120 out.println("你所从事的工作是:"+work+"<br>");
121 //将"名字(name)"保存到session对象中,让后续页面(下个页面、下下个页面、……)引用
122 session.setAttribute("name",name);
123 }
124 %>
125 <br>
126 <!--将"爱好(hobby)"和"工作(work)"以链接的形式传递给下个页面-->
127 <a href="03.jsp?hobby=<%=hobby%>&work=<%=work%>">提交</a>
128 </p>
129 <hr>
130 <p><font size="2">*将"名字(name)"保存到session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
131 <p><font size="2">*将"爱好(hobby)"和"工作(work)"以链接的形式递给下个页面</font></p>
132 </body>
133 </html>
134 3.jsp
135 <html>
136 <head>
137 <title>从session对象中获取"名字(name)"的值;从链接中获取"爱好(hobby)"和"工作(work)"</title>
138 </head>
139 <%@ page contentType="text/html;charset=GB2312"%>
140 <SCRIPT language="JavaScript">
141 function submit1()
142 {
143 document.forms["form1"].action="04.jsp";
144 document.form1.submit();
145 }
146
147
148 function edit1()
149 {
150 document.forms["form1"].action="01.jsp";
151 document.form1.submit();
152 }
153 </SCRIPT>
154 <%@ page contentType="text/html;charset=GB2312" %>
155 <body>
156 <h3>从session对象中获取"名字(name)"的值;从链接中获取"爱好(hobby)"和"工作(work)"</h3>
157 <%
158 String name=(String)session.getAttribute("name");
159 String hobby=request.getParameter("hobby");
160 String work= request.getParameter("work");
161 out.println("你的姓名是:"+name+"<br>");
162 out.println("你的爱好是:"+hobby+"<br>");
163 out.println("你所从事的工作是:"+work+"<br>");
164 //将"爱好(hobby)"和"工作(work)"保存在session对象中
165 session.setAttribute("hobby",hobby);
166 session.setAttribute("work",work);
167 %>
168 <form name="form1" method="post">
169 <input type="hidden" name="name" value="<%=name%>">
170 <input type="hidden" name="hobby" value="<%=hobby%>">
171 <input type="hidden" name="work" value="<%=work%>">
172 <p><h3>确认提交这些信息吗?</h3></p>
173 <input type="Button" name="Submit" value="确认" onClick="javascript:submit1()">
174 <input type="Button" name="Edit" value="修改" onClick="javascript:edit1()">
175 </form>
176 <hr>
177 <p><font size="2">*将"爱好(hobby)"和"工作(work)"保存在session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
178 <p><font size="2">*由于"名字(name)"在上个页面中已经保存在session对象中了,这里没必要再次保存</font></p>
179 </body>
180 </html>
181 4.jsp
182 <html>
183 <head>
184 <title>从sessoin对象中获取数据</title>
185 </head>
186 <%@ page contentType="text/html;charset=GB2312" %>
187 <body>
188 <h3>从sessoin对象中获取数据</h3>
189 <%
190 //从sessoin对象中获取数据
191 String name=(String)session.getAttribute("name");
192 String work=(String)session.getAttribute("work");
193 String hobby=(String)session.getAttribute("hobby");
194 %>
195 <p>
196 <font color="#0000FF"><%=name%></font>,你好!你所从事的工作是<font color="#0000FF"><%=work%></font>,在业余时间喜欢<font color="#0000FF"><%=hobby%></font>。
197 </p>
198 </body>
199 </html>
200 1.jsp
201 <html>
202 <head>
203 <title>利用表单传递数据</title>
204 </head>
205 <%@ page contentType="text/html;charset=GB2312" %>
206 <%
207 String name=request.getParameter("name");
208 String hobby=request.getParameter("hobby");
209 String work=new String(request.getParameter("work").getBytes("ISO8859_1"),"GBK");
210 %>
211 <body>
212 <h3>利用表单传递数据</h3>
213 <form name="form1" method="post" action="02.jsp">
214 <p>你的姓名:
215 <input type="text" name="name" value="<%=name%>">
216 </p>
217 <p>你的爱好:
218 <input type="text" name="hobby" value="<%=hobby%>">
219 </p>
220 <p>你所从事的行业:
221 <select name="work">
222 <%if(work.equals("学生")){%>
223 <option value="学生" selected>学生</option>
224 <option value="IT业">IT业</option>
225 <option value="商业">商业</option>
226 <option value="制造业">制造业</option>
227 <option value="服务业">服务业</option>
228 <%}else if(work.equals("IT业")){%>
229 <option value="学生">学生</option>
230 <option value="IT业" selected>IT业</option>
231 <option value="商业">商业</option>
232 <option value="制造业">制造业</option>
233 <option value="服务业">服务业</option>
234 <%}else if(work.equals("商业")){%>
235 <option value="学生">学生</option>
236 <option value="IT业">IT业</option>
237 <option value="商业" selected>商业</option>
238 <option value="制造业">制造业</option>
239 <option value="服务业">服务业</option>
240 <%}else if(work.equals("制造业")){%>
241 <option value="学生">学生</option>
242 <option value="IT业">IT业</option>
243 <option value="商业">商业</option>
244 <option value="制造业" selected>制造业</option>
245 <option value="服务业">服务业</option>
246 <%}else if(work.equals("服务业")){%>
247 <option value="学生">学生</option>
248 <option value="IT业">IT业</option>
249 <option value="商业">商业</option>
250 <option value="制造业">制造业</option>
251 <option value="服务业" selected>服务业</option>
252 <%}%>
253 </select>
254 </p>
255 <p>
256 <input type="Submit" value="提交">
257 <input type="Reset" value="重置">
258 </p>
259 </form>
260 </body>
261 </html>