Get和Post两种提交方式的区别以及使用方法

news/2024/7/19 16:40:28 标签: 提交方式, JS, MVC, HTML

GetPost 这两种提交方式平时我们写代码的时候都比较多,有一些人只会用不知道他们两个到底有什么区别?谁更好一点?谁的安全性更高级一点?说起他们的区别还是挺大的,最直观的两个区别分别就是:

  1. Get方式会把参数暴露在URL中,因此我们的数据就不会得到保障,所以安全不是很好;POST方式则是通过request body传递重要参数,不会暴露在URL链接上,保障了用户信息的安全;
  2. Get方式传递的数据有大小的限制,POST方式也会受到大小限制,只不过能传输的数据量比Get大很多;因此建议大家当数据量小的时候用Get方式,数据量大的时候用Post方式;
  3. 时间响应的长短,Get方式响应速度比post方式快;
  4. Get方式是向服务器上获取数据;Post方式则是向服务器传递修改数据;
    事不宜迟,直接来例子说明:
    一、 Get提交方式
    控制器代码:
    在这里插入图片描述
    该方法带有三个参数,定义三个字符串,分别是:txtName(名称)、cboSex(性别)、txtAddress(地址),返回获取这三个值;
    HTML代码:
    在这里插入图片描述
    搭建一个简单的页面。如下图;三个文本框,一个按钮进行提交;
    在这里插入图片描述
    JS代码:
    在这里插入图片描述
    通过点击按钮进行提交数据,结果如下图:
    在这里插入图片描述
    从上图可以看到,提交的内容会出现在URL的链接上,这样子就暴露了用户的信息,因此安全性不好,建议只要涉及到重要的用户信息不要使用Get方式提交,可以选择其他方式进行提交;
    提交数据的长度大小:
    在这里插入图片描述
    当输入的内容长度超出范围之外,就会出现报错,如下图:
    在这里插入图片描述
    总结:Get方式只能提交少量的数据;因此需要提交大量数据的话,请使用其他的提交方式
    二、 Post提交方式
    控制器代码:
    在这里插入图片描述
    **该方法没有参数,只有定义了三个字符串,**分别是:txtName(名称)、cboSex(性别)、txtAddress(地址),返回获取这三个值;
    HTML 代码:
    在这里插入图片描述
    搭建一个简单的页面。如下图;三个文本框,一个按钮进行提交;
    在这里插入图片描述
    JS代码:把提交方式改为Post;
    在这里插入图片描述
    通过点击按钮进行提交数据,结果如下图:
    在这里插入图片描述
    通过例子的对比就能看出来两者之间的区别所在,Post提交方式并不会把用户信息暴露在URL链接上,这样保障了用户信息的安全;
    在这里插入图片描述
    Post提交方式长度的大小比Get方式大很多,若是提交数据很庞大,也会出现错误;
    在这里插入图片描述
    总结:两者之间的优点缺点相信大家都知道了,各有好处!!!

http://www.niftyadmin.cn/n/1521456.html

相关文章

主机甲采用停等协议向主机乙_各层网络协议加面试拓展(全网最细)

写在前面:我在复习过程中整理的面试系列文章,全部免费分享给大家,适合保研和考研,需要的请移步我的个人原创公zhong号:程序员宝藏(号如其名,诚不欺你),回复关键字&#x…

jQuery样式—AddClass、RemoveClass、ToggleClass的使用技巧

一、 AddClass:向被选元素或者指定的元素添加一个或多个类,元素例如有:div、button、P标签、文本框等等都可以用到,范围很广,也是敲代码期间常用的一个样式;添加的类不会覆盖原本的类,只会增加类…

HAVING和WHERE的区别和使用方法

1. HAVING通常与GROUP BY语句联合一起使用,用来过滤由GROUP BY语句返回的记录集,因此它不能单独使用; 上图组合使用不会报错; 若是单独使用将会报错,如上图: 2. WHERE可以单独作为过滤条件进行使用&#x…

caffe fcn训练自己数据集_Darknet 配置及训练自己的数据集

一、环境搭建论文: https://arxiv.org/abs/2004.109341.拉取darknetgit clone https://github.com/AlexeyAB/darknet.git2.make 编译darknet配置Makefile,具体修改内容如下:# set GPU1 and CUDNN1 to speedup on GPU GPU1 CUDNN1 # set CUD…

jQuery样式之attr与removeAttr的区别以及使用技巧

JavaScript操作特性的DOM方法主要有3个,分别是:getAttribute方法、setAttribute方法和removeAttribute方法,而 在jQuery中用一个attr()与removeAttr()就可以全部搞定,包括兼容行等问题; jQuery中用attr()方法来获取和设…

android studio api30 模拟器运行不了_React-Native开发android应用环境配置

# 安装RN开发环境的步骤0. 安装python2环境1. 安装jdk82.安装android-studio安装python2环境***这里推荐使用react-native英文官网的安装方法使用(使用choco安装)***0.0 安装Chocolatey (请使用管理员权限打开powerhsell执行下面的安装&#…

jQuery鼠标事件:click、dbclick、mousedown、mouseup、mouseover、mouseout

jQuery鼠标事件列表: 1、click 单击事件 ; 2、dbclick 双击事件; 3、mousedown 鼠标按下事件; 4、mouseup鼠标弹起事件; 5、mouseenter 鼠标进入事件 ; 6、mouseleave 鼠标离开事件; 举例&#…

# 低功耗蓝牙_Ble低功耗蓝牙和蓝牙mesh网络之间的关系

一、低功耗蓝牙和蓝牙mesh的关系:蓝牙mesh并非无线通信技术,而是一种网络技术。蓝牙mesh网络依赖于低功耗蓝牙。低功耗蓝牙技术是蓝牙mesh使用的无线通信协议栈。低功耗蓝牙设备可以设置成广播模式,以无连接方式进行工作,其广播的…