HTTP中GET方法和POST方法的区别

为什么突然想要分析一下GET和POST方法的区别呢,是因为最近在写小组的图书管理系统。这个项目的第一版已经基本写完了,但是仍有一些小bug让我想不明白。比如其中的一个bug:
用户在图书详情页对该图书进行评价,评价成功之后刷新页面,将会在刷新的那一刻再次提交评论内容,刷新多次则会提交多次。
今天不经意间终于搞明白了这个bug,问题就出在这GET和POST上!


bug复现

先来看一下评论部分的JSP页面代码:

<div>
    <form action="/addComments.do?bookid=<%=bookid%>" method="post">
        <div>
            <center>
                <textarea cols="50" rows="5" style="width:300px;" name="detail" placeholder="想说点什么?"></textarea>
            </center>
        </div>
        <br>
        <br>

        <div>
            <input class="ui-dialog-submit" type="submit" name="add" value="提交评论" />
        </div>
    </form>
</div>

在以上代码中,我在form表单中使用的方法为POST,这就是罪魁祸首了。
在POST方法中,点击后退/刷新按钮,数据会被重新提交(浏览器应该告知用户数据会被重新提交)。事实上,浏览器确实在我点击刷新页面时会有弹框提示,由于提示内容为英文,我以为是一般的“离开当前页面信息将不会被保存”这样的提醒(论英语的重要性),于是忽略掉了,导致了这样的bug。
而在GET中,点击后退/刷新按钮并不会产生任何后果,只是刷新当前页面的显示信息。那么下面来具体谈一下GET和POST的相同之处和不同之处。

GET和POST的区别

GET方法:用来获取已被URI识别的资源的数据。它主要是用来请求数据,虽然它也可以用来提交数据,但是在提交数据这方面,GET方法有很大的局限性。

POST方法:用来向指定的资源提交被处理的数据。

下面来看他们的具体区别:

GETPOST
后退/刷新按钮无影响数据会被重新提交
书签可收藏为书签不可收藏为书签
缓存能被缓存不能被缓存
编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 multipart/form-data 为二进制数据使用多重编码
历史参数保留在浏览器历史中参数不会保留在浏览器历史中
对数据长度的限制发送的数据连同URL最多2048个字符没有限制
对数据类型的限制只允许ASCII字符没有限制
安全性安全性差,因为发送的数据是URL的一部分安全性好,因为参数不会被保存在浏览器历史中或web服务器日志中
可见性所发送的数据是暴露在URL中的,是被所有人可见的数据被封装到HTTP body中,是不可见的

在以上的对比中, 关于编码类型要解释说明一下:

form元素的enctype属性用来指定将数据回发到服务器时的编码类型, enctype有以下几种类型:

  • application/x-www-form-urlencoded(常用): 窗体数据被编码为名称/值对。这是标准的编码格式
  • multipart/form-data(常用): 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分
  • text/plain(不常用): 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符

    当method为GET时, 浏览器采用application/x-www-form-urlencoded编码方式, 将form表单里的数据转换成一个字符串, 然后将这个字符串追加到URL后面. 这也意味着, 数据是被暴露在地址栏中的, 也是不安全的.

    当method为POST时, 浏览器会把form表单中的数据封装到HTTP body中, 然后再发送到服务器, 整个过程中, 数据是封闭的, 不被外界知道的. 如果没有type为file的控件, 用默认的application/x-www-form-urlencoded就可以了. 但是如果有type=file的话, 就要用到multipart/form-data了. 浏览器会把整个表单以控件为单位分割, 并为每个部分加上Content-Disposition(就是当用户想把请求所得的内容存为一个文件的时候提供一个默认的文件名, 为form-data或者file), Content-Type(默认为text/plain),name(控件name)等信息,并加上分割符(boundary)。

通过上述说明, 大家可能会认为, 以后用form表单提交数据时, 都应该使用POST, 因为安全性好, 封闭性好嘛. 但是! 千万不要这样想! 具体要使用哪种method, 一定要根据具体情况而定, 盲目地在所有form表单使用POST方法, 就可能会导致我这样的bug .希望大家能吸取经验~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值