POST与GET的区别

Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.

1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

2、 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。

3、get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,因服务器的不同而异.

4、get安全性非常低,post安全性较高。

5、 <form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是一样的,也就是说,method为get时action页面后边带的参数列表会被忽视;而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不一样的。

另外
Get请求有如下特性:它会将数据添加到URL中,通过这种方式传递到服务器,通常利用一个问号?代表URL地址的结尾与数据参数的开端,后面的参数每一个数据参数以“名称=值”的形式出现,参数与参数之间利用一个连接符&来区分。
Post请求有如下特性:数据是放在HTTP主体中的,其组织方式不只一种,有&连接方式,也有分割符方式,可隐藏参数,传递大批数据,比较方便。

通过以上的说明,现在我们大致了解了什么时候用get什么时候用post方式了吧,对!当我们在提交表单的时候我们通常用post方式,当我们要传送一个较大的数据文件时,需要用post。当传递的值只需用参数方式(这个值不大于2KB)的时候,用get方式即可。

现在我们再看看通过URL发送请求时,get方式和post方式的区别。用下面的例子可以很容易的看到同样的数据通过GET和POST来发送的区别, 发送的数据是 username=张三 :
GET 方式, 浏览器键入 http://localhost?username=张三


GET /?username=%E5%BC%A0%E4%B8%89 HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Connection: Keep-Alive

POST 方式:

POST / HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Content-Length: 28
Connection: Keep-Alive

username=%E5%BC%A0%E4%B8%89

区别就是一个在 URL 请求里面附带了表单参数和值, 一个是在 HTTP 请求的消息实体中。

比较一下上面的两段文字, 我们会发现 GET 方式把表单内容放在前面的请求头中, 而 POST 则把这些内容放在请求的主体中了, 同时 POST 中把请求的 Content-Type 头设置为 application/x-www-form-urlencoded. 而发送的正文都是一样的, 可以这样来构造一个表单提交正文:
encodeURIComponent(arg1)=encodeURIComponent(value1)&encodeURIComponent(arg2)=encodeURIComponent(value2)&.....

注: encodeURIComponent 返回一个包含了 charstring 内容的新的 String 对象(Unicode 格式), 所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替,其中 xx 等于表示该字符的十六进制数。 例如,空格返回的是 "%20" 。 字符的值大于 255 的用 %uxxxx 格式存储。参见 JavaScript 的 encodeURIComponent() 方法.

在了解了上面的内容后我们现在用ajax的XMLHttpRequest对象向服务器分别用GET和POST方式发送一些数据。

GET 方式
var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");
xmlhttp.open("GET", "somepage" + "?" + postContent, true);
xmlhttp.send(null);


POST 方式

var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");
xmlhttp.open("POST", "somepage", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//xmlhttp.setRequestHeader("Content-Type", "text/xml"); //如果发送的是一个xml文件
xmlhttp.send(postContent);


 

<think>我们正在讨论HTML表单中`<form>`标签的`method`属性,具体比较POSTGET方法的区别。根据用户提供的引用内容,我们可以总结出以下几点关键区别: 1. **数据传输方式**: - GET: 表单数据附加在URL中,以查询字符串形式传递(如`?name=value&...`),可见于地址栏[^1][^2]。 - POST: 表单数据放在HTTP请求体中传递,不在URL中显示[^1][^2]。 2. **数据大小限制**: - GET: 受URL长度限制(不同浏览器和服务器限制不同),通常不适合传输大量数据[^1]。 - POST: 数据在请求体中,无URL长度限制,但服务器或应用可能设置大小限制(如文件上传)[^1]。 3. **安全性**: - GET: 数据暴露在URL中,可能被浏览器历史记录、书签或第三方看到,不适合敏感信息(如密码)[^1][^2]。 - POST: 数据不在URL中,相对更安全(但仍需HTTPS等额外措施确保传输安全)[^1][^2]。 4. **缓存机制**: - GET: 请求可被浏览器缓存,若数据不变可提升性能[^1]。 - POST: 请求不可被缓存,每次需向服务器重新提交[^1]。 5. **幂等性**: - GET: 幂等(多次执行相同请求效果一致),适用于数据查询[^1]。 - POST: 非幂等(多次提交可能产生不同结果),适用于数据修改(如提交订单)[^1]。 6. **使用场景**: - GET: 适合获取数据(如搜索)、静态资源请求[^1][^2]。 - POST: 适合提交敏感或大量数据(如登录、文件上传)[^1][^2]。 ### 总结对比表 | **特性** | **GET方法** | **POST方法** | |------------------|--------------------------------------|--------------------------------------| | **数据传输位置** | URL查询字符串 | HTTP请求体 | | **数据可见性** | 暴露于URL | 不可见(地址栏不显示) | | **数据长度限制** | 有(受URL长度限制) | 无(但服务器端可能限制) | | **安全性** | 较低(易被窃取) | 较高(仍需HTTPS增强) | | **缓存** | 可被缓存 | 不可缓存 | | **幂等性** | 幂等(多次请求结果相同) | 非幂等(可能产生副作用) | | **适用场景** | 获取数据、搜索、静态资源请求 | 提交敏感数据、修改数据、文件上传 | ### 代码示例 ```html <!-- GET方法示例 --> <form action="/search" method="GET"> <input type="text" name="q"> <button>搜索</button> </form> <!-- 提交后URL变为:/search?q=用户输入 --> <!-- POST方法示例 --> <form action="/login" method="POST"> <input type="password" name="password"> <button>登录</button> </form> <!-- 密码在请求体中传输,URL不变 --> ``` §§ 相关问题 §§ 1. 如何防止POST请求被拦截或篡改? 2. GET请求的参数在URL中暴露有哪些实际风险? 3. 除了POSTGET,HTTP还有哪些请求方法?它们分别适用于什么场景? 4. 在表单中使用POST方法时,如何通过后端代码(如PHP)获取提交的数据? </think>### Form标签中POSTGET方法的区别 在HTML表单中,`<form method="...">`属性决定了数据提交方式,主要区别如下: 1. **数据传输位置** - **GET**:数据附加在URL后(查询字符串形式),如: `example.com?name=John&age=30`[^1][^2] - **POST**:数据隐藏在HTTP请求体中传输(不可见)[^1][^3] 2. **数据长度限制** - **GET**:受URL长度限制(通常2048字符)[^1] ![GET URL示例](https://example.com/get-demo.png) - **POST**:无严格长度限制(服务器可配置)[^1][^2] ```html <!-- POST表单示例 --> <form method="post" action="/submit"> <input type="file" name="largeFile"> <!-- 支持大文件 --> </form> ``` 3. **安全性** - **GET**: - 数据暴露在地址栏、浏览器历史中[^1] - 不适合传输密码等敏感信息 - **POST**: - 数据不直接暴露(仍需配合HTTPS) - 适合传输信用卡号等机密数据[^2] 4. **缓存机制** - **GET**:可被浏览器缓存(可能返回陈旧数据)[^1] ```http GET /products?id=123 HTTP/1.1 # 可能被缓存 ``` - **POST**:每次强制向服务器提交新请求[^1] 5. **幂等性** - **GET**:幂等操作(多次执行结果相同)[^1] 如刷新商品列表 - **POST**:非幂等操作(多次提交产生新结果)[^1] 如重复提交订单会创建多条记录 6. **使用场景对比** | 场景 | GET推荐 | POST推荐 | |---------------------|---------|----------| | 搜索引擎关键词提交 | ✓ | | | 用户登录表单 | | ✓ | | 文件上传 | | ✓ | | 分页数据请求 | ✓ | | | 银行转账操作 | | ✓ | ### 总结建议 - 用 **GET** 时: 数据量小 + 非敏感信息 + 需要缓存(如图片加载) - 用 **POST** 时: 敏感数据/大文件 + 修改服务器状态(如订单提交) > ⚠️ **注意**:两者均需配合HTTPS确保传输安全,POST方法本身并非绝对安全[^3]。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值