Post和Get提交数据的区别

HTML部分如下:

    <div class="container mt-5">
        
<div class="form-group form-row"> <label class="col-form-label col-3 text-center">姓名label> <input class="form-control col-9" type="text" name="name" id="txtName" /> div> <div class="form-group form-row"> <label class="col-form-label col-3 text-center">性别label> <select class="form-control col-9" name="sex" id="cboSex"> <option value="0">--请选择--option> <option value="">option> <option value="">option> select> div> <div class="form-group form-row"> <label class="col-form-label col-3 text-center">地址label> <textarea class="form-control col-9" name="address" id="txtAddress">textarea> div> <div class="form-group form-row"> <button type="submit" class="btn btn-outline-primary offset-3 mr-2">表单提交button> <button type="button" class="btn btn-outline-success mr-2" onclick="getData()">GET提交button> <button type="button" class="btn btn-outline-success mr-2" onclick="postData()">POST提交button> <button type="reset" class="btn btn-outline-danger">Reset重置button> div> form> div>

JavaScript部分如下:

            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 == "") {
     
                alert("数据不完整");
            } else {
     
                var myform = document.getElementById("myform");
                myform.method = "get";
                myform.action = "/From/getDataEntityClass";
                myform.submit();
            }
        }

myform.Method=””指的是提交数据的方式 post get 提交。
Myform.action=””指的是提交数据的方法,一般post有四种,get有两种。
效果图如下:
Post和Get提交数据的区别_第1张图片
Post和Get提交数据的区别_第2张图片
Post和Get提交数据的区别_第3张图片

  1. 安全性:GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。
  2. 缓存:GET 请求可被缓存 ,POST请求不会被缓存 。
  3. 历史:GET 请求保留在浏览器历史记录中 ,POST请求不会保留在浏览器历史记录中。
  4. 书签:GET 请求可被收藏为书签 ,POST不能被收藏为书签。
  5. 对数据长度的限制:GET 请求有长度限制 ,POST请求对数据长度没有要求
  6. GET 请求只应当用于取回数据 。
  7. 可见性:GET数据在URL中对所有人都是可见的,POST数据不会显示在URL中。
  8. 对数据类型的限制:GET只允许 ASCII 字符,POST没有限制,也允许二进制数据。
  9. 编码类型:GET:application/x-www-form-urlencoded,POSTapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
  10. 后退按钮/刷新:GET无害,POST数据会被重新提交(浏览器应该告知用户数据会被重新提交)。
    两种最常用的 HTTP 方法是:GET 和 POST。
    什么是 HTTP?
    超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。
    HTTP 的工作方式是客户机与服务器之间的请求-应答协议。
    web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。
    举例:客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。
    (来自W3School离线手册)

你可能感兴趣的:(get,post)