HTML表单提交数据和JSP获得数据-Read.DOCVIP

第一节 HTML表单提交数据和JSP获得数据 为了学习掌握JSP动态网页的设计开发，我们先从大家比较熟悉的表单入手。以前在学习静态网页设计时，做好的表单无法提交数据，那是因为没有接收数据的程序。本节使用一组范例，由HTML的表单提交数据，并使用JSP动态网页获得数据，来说明他们之间的关系和工作原理。 范例的演示和代码清单 演示的前提： 配置好开发运行环境； 将随书光盘中的范例ch2，复制到resin2.1.6\doc文件夹内； 启动JSP引擎； 演示步骤： 启动IE，在地址栏键入:8080/ch2/ch2-1.htm，如图2-1所示： 图 2-1 在表单的姓名栏键入“张三”，年龄栏键入“21”，性别选择其中的一项，密码栏键入“123”，然后点击“提交”按钮。屏幕出现2-2所示界面： 图 2-2 注意：访问动态网页必须在启动JSP引擎后，在IE的地址栏键入IP地址和路径文件名，才能进行访问，不能使用直接双击打开的方式。 网页的页面上显示了所提交数据的全部内容。请注意，地址栏上的内容是：:8080/ch2/ch2-1.jsp。这说明提交的数据已被ch2-1.jsp动态网页接收，并将其送到屏幕上进行显示。 当然，可以在表单中填写其他的内容，屏幕显示的内容会随之变化。但是如果在“年龄”项目中填写的不是数字，而是字母、汉字等不正确的内容，屏幕上也会将这些错误内容显示出来，甚至任何一项都不填写，直接点击“提交”按钮，动态网页仍能正常运行。这些问题，我们会在以后的章节中去一一解决。目前先要弄清HTML静态网页和JSP动态网页之间的关系。 两个网页的代码如下： ◇－◇－◇－◇－◇－◇－◇－◇－◇－◇ 表单 ◇－◇－◇－◇－◇－◇－◇－◇－◇－◇ 范例ch2-1.htm html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title表单/title /head body bgcolor=#FFFFCC h2 align=centerfont color=#000099使用表单提交数据/font/h2 form name=form1 method=post action=ch2-1.jsp pnbsp;/p p姓名： input name=xingming type=text id=xingming /p p性别： input name=xingbie type=radio value=男 checked 男 input type=radio name=xingbie value=女 女 /p p年龄： input name=nianling type=text id=nianling /p p密码： input name=mima type=password id=mima /p pnbsp;/p table width=40% border=0 tr tddiv align=center input type=submit name=Submit3 value=提交 /div/td tdinput type=reset name=Submit2 value=重写/td /tr /table pnbsp; /p /form pemfont color=#000099/font/em/p /body /html ◇－◇－◇－◇－◇－◇－◇－◇－◇－◇ 接收表单数据 ◇－◇－◇－◇－◇－◇－◇－◇－◇－◇ 范例ch2-1.jsp %@page contentType=text/html; charset=gb2312 language=java import=java.sql.* errorPage= % html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title接收表单数据/title /head body bgcolor=#FFFFCC h2动态网页接收的数据/h2 p % ! //定义接收HTML数据的变量 String name; String xingbie; String nianling; String password; % % //接收HTML数据 name=request.getParameter(xingming); xingbie=request.getParameter(xingbie); nianling=request.getParameter(nianling); password=request.getParameter(mima); //将数据送到屏