axios 提交 application/x-www-form-urlencoded
2024-08-31 23:23:55
最近工作比较忙 , 喜欢上了用有道云做笔记 , 写博客就是为了记录自己的学习的点点滴滴 , 如果能对其他人有帮助当然最好了 , 我一定要将这个习惯进行下去 .. .....
我们以前的前后交互方式一般只有(get 和 post)
只是突然间有个工程师写了个接收表单的方式的数据 , 忽然就懵逼了 , 死活传不过去 , 人家也接收不到 , 一直就是格式不对
先复习一下
form表单常用属性
action:url 地址,服务器接收表单数据的地址
method:提交服务器的http方法,一般为post和get
name:最好好吃name属性的唯一性
enctype: 表单数据提交时使用的编码类型,默认使用
"pplication/x-www-form-urlencoded"
,如果是使用POST请求,则请求头中的content-type指定值就是该值。如果表单中有上传文件,编码类型需要使用
"multipart/form-data"
,类型,才能完成传递文件数据。
encodeURIComponent 这个方法很有用 , 这个可以转换特殊字符 , 不过好像是 ''=" 和 空格 转完是相同的 (我们后台接收解析后是想等的) , 这个我也不太清楚 , 我们是约定好将等号转换为其他字符解决的 , 取巧了
但是实用 , url会转换汉字的 但是如果在get带参数的时候不手动转 , 特殊字符是不会被转的 , 比如#号 , 遇到你就知道了
重点是:
post:enctype 默认
"application/x-www-form-urlencoded"
对表单数据进行编码,数据以键值对在http请求体重发送给服务器;如果enctype 属性为
"multipart/form-data"
,则以消息的形式发送给服务器。
但是我们在vue里面直接提交的是一个对象 , 根本不是这个玩意
所以我们要借助node 里面的 qs
qs和JSON 差不多
const Qs = require('qs');
然后把这个东西传给后端就好了 Qs.stringify(obj) 记得改axios 的请求格式
headers: {
'content-type': '
application/x-www-form-urlencoded
'}
第二种方式 最简单的方法
var formData = new FormData();
formData.append('dsc',dsc);
formData.append('file',file你的文件对象);
最新文章
- 浅析I/O模型及其设计模式
- poj 3061 Subsequence
- 博客中最快捷的公式显示方式:Mathjax + Lyx
- ext2元数据结构
- JS日期时间格式化
- SQL Prompt Snippet Manager 妙用
- [Operationg System Labs] 我对 Linux0.00 中 boot.s的理解和注释
- 苦B的程序猿道路数据验证
- 转:JMeter--使用代理录制Web性.能测试脚.本
- 【欧拉回路+最小生成树】SD开车@山东2018省队一轮集训day1
- Mysql学习笔记整理手册
- 595. Big Countries --- SQL related from leetcode
- Xshell6设置字体大小
- css3-弹性盒模型
- 模块化&;os&;sys
- zabbix系列之八——安装后配置三Triggers
- Docs命令大全 备用
- ubuntu下apache2使用的简单总结
- iostat -x命令诊断
- chromium之compiler_specific
热门文章
- PHP URL参数获取方式的四种例子
- [Node] Run Local DevDependencies from the Command Line with npx
- 【u249】新斯诺克
- DOS命令具体解释
- iOS开发之Quarz2D:九:图形上下文矩阵操作
- MouseGestureLahk
- 【26.8%】【CF 46D】Parking Lot
- [Linux] Search the contents of files using grep
- [tmux] Handle history in tmux sessions
- ios开发图片轮播器以及定时器小问题