首页 理论教育构建Web网站的JSP实训教程:获取HTML表单数据

构建Web网站的JSP实训教程:获取HTML表单数据

【摘要】:程序“E_39_1.jsp”中,名字为“f1”的表单form以post的方式向服务器上的程序“E39_2.jsp”提交参数P1和P2,P1只有一个值,P2是多选项对应多个值。单击“提交”按钮后,执行JavaScript函数“check()”检查P1、P2是否有值,无值则在对应的位置显示红色的“*”表示该信息必填并且不提交,有值则使用JavaScript表单对象的方法submit()提交f1表单的参数。“E_39_2.jsp”接受E_39_1.jsp表单提交的数据P1和P2。E_39_1.jsp:E_39_2.jsp:图4-6 未输入参数即单击“提交”图4-7 获取HTML<form>表单提交到服务器的数据

request对象封装了客户端请求的信息,如请求的标头、请求的方法、请求的参数、请求的IP等。

程序“E_39_1.jsp”中,名字为“f1”的表单form以post的方式向服务器上的程序“E39_2.jsp”提交参数P1和P2,P1只有一个值,P2是多选项对应多个值。单击“提交”按钮后,执行JavaScript函数“check()”检查P1、P2是否有值,无值则在对应的位置显示红色的“*”表示该信息必填并且不提交,有值则使用JavaScript表单对象的方法submit()提交f1表单的参数。“E_39_2.jsp”接受E_39_1.jsp表单提交的数据P1和P2。因P2可能是多值的,使用了语句“Stringitems[]=request.getParameterValues("P2");”将P2的值存在数组items中。对于单值的数据如P1,可以使用request对象的“StringgetParameter(String name)”方法也可以使用“String[]getParameterValues(Stringname)”方法获得。

使用“记事本”分别输入“E_39_1.jsp”和“E_39_2.jsp”程序并存放在应用目录“we-bapps/ROOT”下的“E39”目录中。在浏览器地址栏中输入:http://192.168.2.1:8080/E39/E_39_1.jsp。未输入参数即单击“提交”按钮后的页面如图4-6所示;输入参数后单击“提交”按钮后的页面如图4-7所示。

E_39_1.jsp:

978-7-111-38219-5-Chapter04-21.jpg

978-7-111-38219-5-Chapter04-22.jpg

E_39_2.jsp:(www.chuimin.cn)

978-7-111-38219-5-Chapter04-23.jpg

978-7-111-38219-5-Chapter04-24.jpg

图4-6 未输入参数即单击“提交”

978-7-111-38219-5-Chapter04-25.jpg

图4-7 获取HTML<form>表单提交到服务器的数据