在前后端分离的项目中,如果在后端项目中添加了@RequestBody注解,那么就要求我们客户端提交的请求参数必须是JSON格式的,例如:
{
name: '华为',
pinyin: 'HuaWei'
}
如果控制器中处理请求的方法的参数没有添加此注解,则客户端提交的请求参数必须是FormData格式的,例如:
name=华为&pinyin=HuaWei
在前端技术中,可以使用qs
框架可以轻松的将JavaScript对象转换为FormData格式!
在前端项目中,打开终端,安装qs
:
npm i qs -S
然后,需要在主配置文件main.js
中导入并声明为Vue对象的属性:
import qs from 'qs';
Vue.prototype.qs = qs;
后续,在JavaScript代码中,可以使用qs
的stringify()
将对象转换成FormData格式,例如:
let formData = this.qs.stringify(this.ruleForm);