表单提交是一个使用很频繁使用的功能,表单提交主要的实现方式有哪些,它们提交的格式分别是怎么样?我们一起来看一看。
表单提交的常用方式:
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字符串(产生于传对象数组嵌套的情况)