使用GET方式传递参数
使用POST方式传递参数
提交、重置、普通按钮如何传送参数
单行与多行文本输入框如何传送参数
单选按钮与复选框如何传送参数
隐藏表单字段与图像字段如何传送参数
列表框如何传送参数
使用JavaScript防止重复提交表单
使用GET方式传递参数
在浏览器地址栏中输入某个URL地址或单击网页上的一个超链接时,浏览器发出的HTTP请求消息的请求方式为GET。
如果网页中的<form>表单元素的method属性被设置为了“GET”,浏览器提交这个FORM表单时生成的HTTP请求消息的请求方式也为GET。
使用GET请求方式给WEB服务器传递参数的格式:
http://www.it315.org/counter.jsp?name=zhangsan&password=123
使用GET方式传送的数据量一般限制在1KB以下。
使用POST方式传递参数
POST请求方式主要用于向WEB服务器端程序提交FORM表单中的数据。
POST方式将各个表单字段元素及其数据作为HTTP消息的实体内容发送给WEB服务器,传送的数据量要比使用GET方式传送的数据量大得多。
<form>表单元素的enctype属性用于指定浏览器使用哪种编码方法将表单中的数据传送给WEB服务器,该属性可以有两种取值:
application/x-www-form-urlencoded
multipart/form-data
提交、重置、普通按钮如何传送参数
总结:
① 在一个FORM表单中可以有多个提交按钮,单击任何一个提交按钮都可以提交表单,只有被单击的提交按钮的名称和值才被作为参数传递,其它提交按钮的信息不会作为参数传递。
② 表单中的普通按钮与重置按钮的名称和值不会作为参数传递。
③ 没有设置name属性的表单字段元素的信息不会作为参数传递。
单行与多行文本输入框如何传送参数
总结:
不管单行和多行文本输入框中是否有内容,设置了name属性的文本输入框的信息总是会作为参数传递。如果文本框中没有输入内容,可以认为其内容为一个空字符串(“”),其参数形式为“text1=”。
单选按钮与复选框如何传送参数
总结:
1、 只有被选中的复选框和单选按钮的信息才会作为参数传递,未被选中的复选框和单选按钮的信息不会作为参数传递。
2、 对于多个名称相同的复选框,它们可以同时被选中;对于多个名称相同的单选按钮,只能同时选中其中的任意一个。
3、 对于被选中的多个同名复选框,它们的信息将以多个名称相同的参数进行传递,即参数列表中会出现多个名称相同的参数。
4、 对于没有设置value属性的单选按钮和复选框,当它们被选中时,它们传递的默认参数值为“on”。
隐藏表单字段与图像字段如何传送参数
总结:
① 隐藏表单字段元素总是被作为参数传递给WEB服务器。如果要在提交FORM表单时将网页中的JavaScript程序获得的信息或者上次的WEB服务器端程序产生的标记信息传送给WEB服务器,使用隐藏字段就是一个很好的办法。
图像字段元素也可以提交FORM表单,用户单击图像字段元素后,表单中的其他信息和图像上单击处的x、y坐标一起传送给服务器,x坐标对应的参数名是图像元素名后加上.x(如image1.x),y坐标对应的参数名是图像元素名后加上.y(如image1.y)
列表框如何传送参数
总结:
① 没有作出选择的列表框的信息不会作为参数传递,就象表单中没有这个列表框的情况一样。
② 如果设置了列表框字段元素的multiple属性,可以选择列表中的多个选项。对于选中的每个选项,它们都会与列表框的名称分别组合成单独的参数后进行传递,这样,参数列表中会出现多个名称为列表框名的同名参数 。
③ 当选中没有设置value属性的列表选项时,浏览器使用该选项的标题作为参数值。