Mvc视图的4种提交方式

在mvc中的4种请求,其中包括了jquery对于请求的操作喔!

jQuery的get/post提交

在这里插入图片描述
1、 jQuery的一切 $ 符号开头调用出post/get方法,两个方法分别就代表了post提交跟get提交无需再声明;
2、 括号中有三个参数,参数之间用逗号 ”,” 隔开;
3、 第一个参数:“”中填写提交至控制器的路径;
4、 第二个参数:{name: 值},提交过去的一个json格式的对象;
5、 第三个参数:function(msg),这个是提交成功后所执行的函数,实参代表了控制器中返回回来的值;

jQuery的ajax提交

在这里插入图片描述
1、 jQuery的一切 $ 符号开头调用ajax方法,ajax这个方法,传递参数是依靠对象对象值就是传递过去的属性;
2、 ajax中几乎包含了所有会用到的请求属性,图中只是举例了常用的;
3、 url:这个参数是提交至控制器的路径;
4、 data:这个参数是提交至控制器的参数 ;
5、 type:是提交至控制器时用什么类型(get/post);
6、 success:function(data)这个可以请求成功后返回时执行的函数,实参就是控制器返回回来的参数;
7、 error:function() 这个参数是只有在请求错误时才会执行的函数;

请求头

在这里插入图片描述

这是第一种用js的提交请求过去控制器的方法:利用请求头进行提交

1、 创建xhr请求;判断是否是IE8以下选择创建xhr请求对象的方式;
2、 利用xhr请求调用open方法选择 post/get提交方式,发送至控制器下的哪个类,true(异步) / false(同步);
3、 利用xhr请求调用setRequestHeader创建请求头,函数内容过长可以直接拷贝
“Content-type”, “application/x-www-form-urlencoded”
4、将字符串并写成json格式然后将字符串通过send方法发送出去;

FormData()对象

在这里插入图片描述
1、创建FormData()对象;
2、将传递过去的值全部追加进FormData()对象中,”name”,”值”;
3、创建xhr请求;判断是否是IE8以下选择创建xhr请求对象的方式;
4、 利用xhr请求调用open方法选择 post/get提交方式,发送至控制器下的哪个类,true(异步) / false(同步);
5、利用xhr请求调用send将代表了FormData()对象的变量发送至控制器;

总结:如果把post跟get拆开应该是5种提交方式,不过合起来也不大区别使用都是一样的只是请求类型不一样而已;四种提交方式都适用于表单的提交,一些提交方式也可以随意提交些数据;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值