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