axios 用formData的方式请求数据

需求:使用axios库用来做http数据传输。

问题:传递数据的时候不是直接通过json的方式来传输的数据,二是通过formData的方式

解决:

axios 请求头设置,Content-Type

"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"

往后台传递参数的时候用 qs.stringify()处理:

config.data = Qs.stringify(config.data);

 当遇到参数中有 数组对象嵌套时,需要用 JSON.stringify进行包裹:

{
    sbumen:sbumen,
    strjsoninfo:JSON.stringify({ infolist: caiGouNeiRongFormArr }),
}

caiGouNeiRongFormArr 是一个数组对象,类似:

[
{a:1,b:2},
{a:3,b:4}
]

在axios中统一配置:

ajax.interceptors.request.use((config) => {
  console.log(config);
  config.data = Qs.stringify(config.data);
  (config.headers = {
    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
  }),
  return config;
});

axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 node.js 环境,它提供了一种简单的方式来发送 HTTP 请求。当需要通过 axios 发送 GET 请求并携带 FormData 数据时,需要注意的是,虽然 axios 支持发送各种类型的请求,包括 GET 请求,但 GET 请求通常不推荐携带复杂的数据,如 FormData,因为这是非标准的。GET 请求的参数通常应通过 URL 的查询字符串来传递。 但出于演示目的,如果确实需要通过 GET 请求发送 FormData 数据,可以将 FormData 对象转换为 URL 编码字符串,并将其作为 URL 查询参数附加到请求中。以下是如何操作的示例代码: ```javascript const axios = require('axios'); const FormData = require('form-data'); const form = new FormData(); form.append('key1', 'value1'); form.append('key2', 'value2'); // 将 FormData 转换为 URL 编码字符串 const data = form.getBuffer().toString('base64'); // 将 Buffer 转换为 base64 编码的字符串 // 创建带有编码数据的查询字符串 const queryString = `data=${encodeURIComponent(data)}`; // 发送 GET 请求并附带查询字符串 axios.get('/your-endpoint', { params: { 'form-data': queryString } }) .then(response => { // 处理响应 }) .catch(error => { // 处理错误 }); ``` 请注意,上面的示例代码仅用于演示如何将 FormData 数据附加到 GET 请求中,并不推荐在实际开发中使用。标准的实践是将这类数据通过 POST 请求发送,而不是 GET 请求
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值