1.一个表单,两个按钮,一个为submit提交表单,另一个为Button跳转页面
页面中的form如下
<form action="/mySSH/regedit.do" name="user" method="post">
<span>名称:::</span>
<input type="text" name="username" id="username" value=""><br>
<span>password:::</span>
<input type="password" name="password" value="">
<input type="submit" name="method" value="添加用户">
<input type="button" name="userList" value="用户一览" onClick="touserList()">
</form>
需要加入页面的javaScript:
<SCRIPT language="javascript" type="text/javascript">
function touserList(){
window.location.href="userList.do";
}
</SCRIPT>
2.一个表单,两个submit均用来提交表单,但是进行的处理不同
页面中的form如下
<form action="" method="get">
<input type="submit" name="sumit1" value="用户注册" onClick="input(this.form)">
<input type="submit" name="sumit2" value="用户一览" οnclick="list(this.form)">
</form>
需要加入页面的javaScript:
function input(form){
alert("用户注册");
form.action="input.do";
form.submit();
}
function list(form){
alert("用户一览");
form.action="userList.do";
form.submit();
}
3.通过所选radio的不同,进行不同的页面的跳转
页面中的form如下
<form action="" method="post">
<input type="radio" name="radio1" value="0" checked="checked"><span>跳转到检索页面 </span>
<input type="radio" name="radio1" value="1"><span>跳转到一览页面</span>
<input type="submit" value="页面跳转" οnclick="redirect(this.form)">
</form>
需要加入页面的javaScript:
function redirect(form) {
if (form.radio1(0).checked){
alert("跳转到检索页面");
form.action="userSearch.do";
form.submit();
} else if (form.radio1(1).checked){
alert("跳转到一览页面");
form.action="userList.do";
form.submit();
}
}
PS:顺便写一下表单中的method属性的get和post的区别
HTTP定义了与服务器交互的不同方法,最基本的方法是 GET 和
HTTP-GET和 HTTP-POST是使用HTTP的标准协议动词,用于编码和传送变量名/变量值对参数,并且使用相关的请求语义。每个HTTP-GET和HTTP- POST都由一系列HTTP请求头组成,这些请求头定义了客户端从服务器请求了什么,而响应则是由一系列HTTP应答头和应答数据组成,如果请求成功则返回应答。
HTTP-GET以使用MIME类型application/x-www-form-urlencoded的urlencoded文本的格式传递参数。Urlencoding是一种字符编码,保证被传送的参数由遵循规范的文本组成,例如一个空格的编码是"%20"。附加参数还能被认为是一个查询字符串。
与HTTP-GET类似,HTTP-POST参数也是被URL编码的。然而,变量名/变量值不作为URL的一部分被传送,而是放在实际的HTTP请求消息内部被传送。
(1)get是从服务器上获取数据,post是向服务器传送数据。
在客户端,Get方式在通过URL提交数据,数据在URL中可以看到;POST方式,数据放置在HTML HEADER内提交。
Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。
(2) GET方式提交的数据最多只能有1024字节,而POST则没有此限制。
(3) 安全性问题。正如在(1)中提到,使用 Get 的时候,参数会显示在地址栏上,而 Post 不会。所以,如果这些数据是中文数据而且是非敏感数据,那么使用 get;如果用户输入的数据不是中文字符而且包含敏感数据,那么还是使用 post为好。