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种提交方式，不过合起来也不大区别使用都是一样的只是请求类型不一样而已；四种提交方式都适用于表单的提交，一些提交方式也可以随意提交些数据；