HTML表单提交数据和JSP获得数据-Read
第一节 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
表单
使用表单提交数据
姓名:
性别:
男
女
年龄:
密码:
◇-◇-◇-◇-◇-◇-◇-◇-◇-◇ 接收表单数据 ◇-◇-◇-◇-◇-◇-◇-◇-◇-◇
范例ch2-1.jsp
接收表单数据
动态网页接收的数据
String name;
String xingbie;
String nianling;
String