200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > [转载]几种表单提交方法的总结及get与post的区别

[转载]几种表单提交方法的总结及get与post的区别

时间:2023-11-13 06:14:43

相关推荐

[转载]几种表单提交方法的总结及get与post的区别

1.一个表单,两个按钮,一个为submit提交表单,另一个为Button跳转页面

页面中的form如下

<form action="/mySSH/regedit.do" name="user"method="post">

<span>名称:::</span>

<input type="text" name="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">

functiontouserList(){

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="用户一览"onclick="list(this.form)">

</form>

需要加入页面的javaScript:

functioninput(form){

alert("用户注册");

form.action="input.do";

form.submit();

}

functionlist(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="页面跳转"onclick="redirect(this.form)">

</form>

需要加入页面的javaScript:

functionredirect(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 和 POST.

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内提交。

② 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。

(2)GET方式提交的数据最多只能有1024字节,而POST则没有此限制。

(3)安全性问题。正如在(1)中提到,使用 Get 的时候,参数会显示在地址栏上,而 Post 不会。所以,如果这些数据是中文数据而且是非敏感数据,那么使用get;如果用户输入的数据不是中文字符而且包含敏感数据,那么还是使用post为好。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。