js|Get、Post请求的区别与接收数据的方法

一、Get与Post的区别
1、Get请求效率比post请求高,能储存,可收藏为书签;可是get请求安全性不高,对数据的类型有限制只允许ASCII字符上传;如果你需要发送密码或者其他敏感信息时绝对不能用get;
2、Post请求安全性能高,不可收藏为书签,不能储存;而且参数不会被保存在浏览器的历史或者web服务器日记中;
3、Get请求提交时数据会在浏览器上面出现,
js|Get、Post请求的区别与接收数据的方法
文章图片

所以Get请求提交的数据安全性不好,而且Get请求会被浏览器主动cache;

4、post请求提交数据时则不会,Post请求则不会主动cache,除非手动设置;
js|Get、Post请求的区别与接收数据的方法
文章图片





【js|Get、Post请求的区别与接收数据的方法】二、Get与Post请求接收数据的方法
Get与Post请求接收数据的方法一共有四种;
其中Get请求接收数据的方法只有两种;而Post请求四种都能接收到数据;
先来看看页面代码的布局,这是利用Bootstrap框架搭建而成的
js|Get、Post请求的区别与接收数据的方法
文章图片

为了防止表单自动提交,在form标签上添加οnsubmit=”return false”
Form表单默认提交方式是get;


查看浏览器的布局:
js|Get、Post请求的区别与接收数据的方法
文章图片

我已经把get与post提交按钮分类好了,一个四种接收数据方式;
Get只有两种接收数据,Post四种都能接收数据;
Reset重置在按钮上添加type=“reset”即可;


1、第一种:get与post都能接收得到数据的数据方式
js|Get、Post请求的区别与接收数据的方法
文章图片

该方法需要把所要接收的数据的名称作为函数的值传入该方法;

Get的提交方法:
js|Get、Post请求的区别与接收数据的方法
文章图片

method:提交的方式(get或post)
action:提交到那个控制器/那个数据方式(接收数据的地址)
submit():
Post的提交方法:
js|Get、Post请求的区别与接收数据的方法
文章图片


Get与Post的提交方法基本都是一样的,除了method(提交方法get或post)、action(接收数据的地址)不一样之外,无论是获取的id还是判断都一样;

2、第二种:只有post请求能接收到数据
js|Get、Post请求的区别与接收数据的方法
文章图片

FormCollection:包含应用程序的窗体值提供程序,初始化System.Web.Mvc.FormCollection类的新实例。

Post的提交方法:
js|Get、Post请求的区别与接收数据的方法
文章图片



3、第三种:也是只有post请求能接收数据
js|Get、Post请求的区别与接收数据的方法
文章图片

Request:为当前HTTP请求获取HttpRequestBase对象;

Post的提交方法:
js|Get、Post请求的区别与接收数据的方法
文章图片



4、第四种:get与post都能接收得到数据的数据方式
js|Get、Post请求的区别与接收数据的方法
文章图片

Ponen:自己创建的实体类;

Get的提交方法:
js|Get、Post请求的区别与接收数据的方法
文章图片


Post的提交方法:
js|Get、Post请求的区别与接收数据的方法
文章图片


Get与Post的提交方法,除了提交方法(get、post)和提交的地址不一样之外其他获取数据、判断都是一模一样的;




    推荐阅读