axios json传参转成form表单
时间: 2023-09-03 15:01:38 浏览: 167
ajax-axios-url-form-serialize 插件
在使用axios进行数据传参时,通常情况下我们会使用JSON格式进行传参。但是有时候,需求要求我们将JSON格式的参数转换成表单形式,这时我们可以进行如下操作。
首先,我们需要引入qs库,它是一个用于序列化表单数据的库。可以使用npm进行安装,命令为 npm install qs。
然后,在需要转换参数的地方,我们可以使用qs.stringify()方法对JSON参数进行序列化,转换成表单形式。具体使用方法如下:
```
import axios from 'axios';
import qs from 'qs';
let jsonParam = {name: '张三', age: 18, sex: '男'};
let formParam = qs.stringify(jsonParam);
axios.post('url', formParam)
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
```
在上述代码中,我们首先定义了一个JSON参数jsonParam。然后通过qs.stringify()方法对jsonParam进行序列化,将其转换成表单形式的参数,保存到formParam中。
最后,我们使用axios.post()来发送请求,并将formParam作为参数传入。可以根据实际情况使用get、post或其他相应的请求方式。
这样,我们就可以将JSON格式的参数转换成表单形式进行传参了。
阅读全文