表单提交的几种格式

表单提交是一个使用很频繁使用的功能,表单提交主要的实现方式有哪些,它们提交的格式分别是怎么样?我们一起来看一看。

表单提交的常用方式:
1 原生form默认的提交方式
content-type: application/x-www-form-urlencoded
2 FormData对象构建表单,用XMLHttpRequest来发送数据的方式
content-type: multipart/form-data
3 jquery中的ajax()的方式
content-type:application/x-www-form-urlencoded;
注意:ajax()中的data设置为formdata类型数据时,content-type要设置为false,ajax才会加上正确的content-type。
4 axios 的方式
content-type : application/json
不同content-type的区别:
application/x-www-form-urlencoded:以=&表示的键值对(传输前会编码)
multipart/form-data:请求体被分割成多部分,每部分使用 --boundary分割(传输前不会编码。为了文件上传而产生,因为文件已经是二进制了)
application/json:json字符串(产生于传对象数组嵌套的情况)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
form 表单的提交有以下几种方式: 1. GET 方法提交:当表单的 `method` 属性设置为 `GET` 时,表单数据会附加在 URL 的查询参数中,通过 GET 请求发送给服务器。这种方式适用于对数据安全性要求不高、数据量较小的情况,例如搜索表单。 2. POST 方法提交:当表单的 `method` 属性设置为 `POST` 时,表单数据会作为请求的内容体发送给服务器。这种方式适用于传输敏感数据或者数据量较大的情况,例如用户注册或登录表单。 3. AJAX 提交:使用 JavaScript 的 XMLHttpRequest 或 Fetch API,可以通过异步的方式将表单数据发送给服务器。这种方式可以在不刷新整个页面的情况下发送数据,并且可以处理服务器返回的结果,实现无刷新的交互效果。 4. File Upload 提交:当表单包含文件上传字段时,可以使用特殊的 enctype 属性(如 `enctype="multipart/form-data"`)以及相应的后端处理逻辑来实现文件的上传。这种方式适用于需要上传文件的场景,例如上传图片、视频等。 5. 使用 JavaScript 提交:通过 JavaScript 可以监听表单的提交事件,并自定义处理逻辑。可以使用 JavaScript 构建请求并将表单数据发送给服务器,例如使用 Fetch API 或其他 AJAX 库来完成提交操作。 需要注意的是,在表单提交时,通常会通过设置 `action` 属性指定处理表单数据的后端地址。同时,表单字段需要通过 `name` 属性来标识,以便后端能够正确解析和处理数据。 根据具体的需求和场景,可以选择适合的提交方式来实现表单数据的传输和处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值