Post和Get提交数据的区别

HTML部分如下:

    <div class="container mt-5">         <form id="myform" @*method="get" action="~/From/getData"*@>             <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提交数据的区别
Post和Get提交数据的区别
Post和Get提交数据的区别

  1. 安全性:GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感
版权声明:玥玥 发表于 2021-05-18 1:33:38。
转载请注明:Post和Get提交数据的区别 | 女黑客导航