2021-08-08

表单 get，post 提交
form表单的属性action 与method
属性 值 描述
action url 规定当提交表单时向何处发送表
单数据method get/post 规定用于发送form-data的http方法。
(提交表单的方式)url可能的值：
绝对 url - 指向其他站点（比如
src=“www.baidu.com”）
相对 url - 指向站点内的文件（比如
src="/form00/getdata"）
method的值 get/post
get提交时参数直接暴露在url上。
(w3school上给出的区别：)
与 post 相比，get 更简单也更快，并且在大部分情
况下都能用。
然而，在以下情况中，请使用 post 请求：
1.无法使用缓存文件（更新服务器上的文件或数
据库）
2.向服务器发送大量数据（post 没有数据量限
制）
3.发送包含未知字符的用户输入时，post 比 get
更稳定也更可靠
get/post区别：
1.get方法是用来向服务器上获取数据，而psot是
用来向服务器上传递修改数据。
2.get将表单里的数据添加到action所指向的url
后面，并且两者之间使用”?”连接
而各个变量之间使用"&“连接;psot是将表单
中的数据放在form的数据体(formdata)中，
按照键值对的方式，传递到所指向的action
3.get是不安全的，因为在传输过程中，数据被放
在请求的url中这样用户可以直接在浏览器上看到提交的数据，
post的所有操作对用户来说都是不可见的,数
据都在数据体(formdata)中
4.get方法向url添加数据,url的长度是受限制的
(url的最大长度是2048个字符),post提交无限制
https://www.w3school.com.cn/tags/html_ref_httpmethods.asp
5.get为form表单的默认提交方式
6.get方式获取数据后，刷新不会有负面的影响，
因为它只是获取数据，
post数据会被重新提交可能会产生不良的后
果(浏览器应该告知用户数据会被重新提交)
7.数据类型的限制:get只允许ascii字符,post则
无限制(如果提交二进制数据(例如:图片)，需要使用post方法)
手动提交表单数据
function getdata() {
var name =
document.getelementbyid(“txtname”).value;
var sex =
document.getelementbyid(“cbosex”).value;
var address =
document.getelementbyid(“txtaddress”).value;
if (name != “” && sex != 0 && address != “”) {
var form = document.getelementbyid(“frm”);
1./main/getdata 通过形参接收数据
form.action = “/main/getdata”;
4.entityclass实体类接收数据
form.action = “/main/getdatabyentityclass”;
form.method = “get”;
form.submit();
} else {
alert(“表单填写的数据不能为空，请检查”);
}
}
function postdata() {
var name = $(”#txtname").val();
var sex = $("#cbosex").val();
var address = $("#txtaddress").val();
if (name != “” && sex != 0 && address != “”) {
var form = document.getelementbyid(“frm”);
1./main/getdata 通过形参接收数据
form.action = “/main/getdata”;
2."/main/getdatabyformcollection" 通过
formcollection来接收数据
form.action =
“/main/getdatabyformcollection”;
3.通过 request.form[“name的属性值”]获取表单
数据
form.action = “/main/getdatabyrequest”;
4.entityclass实体类接收数据
form.action = “/main/getdatabyentityclass”;
form.method = “post”;
form.submit();
} else {
alert(“表单填写的数据不能为空，请检查”);
}
}