Mvc视图的4种提交方式

本文涉及的产品
服务治理 MSE Sentinel/OpenSergo,Agent数量 不受限
云原生网关 MSE Higress,422元/月
函数计算FC,每月15万CU 3个月
简介: 本文介绍了jQuery中get/post与ajax提交方式,以及原生JS通过请求头和FormData对象发送数据的方法。涵盖参数配置、请求类型、回调处理等要点,适用于表单及数据提交场景。

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

目录
相关文章
|
设计模式 存储 前端开发
MVC(模型-视图-控制器)是一种在Web应用程序开发中广泛使用的软件设计模式
【5月更文挑战第12天】MVC模式是Web应用开发中的常见设计模式,将逻辑、数据和界面分离,提升代码可维护性和重用性。模型处理数据逻辑,视图展示数据,控制器协调用户输入与模型视图交互。优点包括代码分离、易维护、可扩展和组件重用,促进高效灵活的开发。
251 2
|
XML 缓存 前端开发
Spring MVC视图解析器
Spring MVC视图解析器
270 1
|
前端开发
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新4
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新4
146 13
|
前端开发 Java Spring
数据之桥:深入Spring MVC中传递数据给视图的实用指南
数据之桥:深入Spring MVC中传递数据给视图的实用指南
216 3
|
缓存 前端开发 Java
视图映射掌握:解析Spring MVC视图解析器的全方位指南
视图映射掌握:解析Spring MVC视图解析器的全方位指南
360 1
|
存储 设计模式 前端开发
请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
【2月更文挑战第26天】【2月更文挑战第89篇】请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
166 0
|
前端开发
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新2
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新2
80 0
|
前端开发
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新1
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新1
84 0
|
前端开发
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新3
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新3
101 0
|
JSON 前端开发 Java
《Spring MVC》 第四章 域对象、视图、转发和重定向
《Spring MVC》 第四章 域对象、视图、转发和重定向
226 0