使用VUE发送fromData类型参数进行数据请求

后台需要前端发送fromData类型数据进行接口请求,使用VUE设置请求类型和数据处理。

// 编辑订单备注
export const editOrderRemark = data => {
  return request({
    method: 'POST',
    url: '/lh/order/remark/edit',
    data,
    headers: { // 设置请求头
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  })
}
async orderRemark() {
      const params = new URLSearchParams() // 创建URLSearchParams数据对象
      params.append('orderNo', this.orderNo) // 将请求字段追加到URLSearchParams对象中
      params.append('remark', this.textArea)
      const { data } = await editOrderRemark(params)
      if(data.code !== 200) return this.$message.error(data.msg)
      this.$message.success(data.msg)
    }
  }
  • 请求头设置成功,发送formData类型数据成功!
    在这里插入图片描述
  • 当需要传到后台的FormData 对象字段过多时,可以使用循环 append 添加字段
   let formData = new FormData()
   for(let key in this.addClientPackageForm) {
     formData.append(key, this.addClientPackageForm[key])
   }
  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 中,使用 `axios` 库进行 HTTP 请求是一种常见的方式。要在 POST 请求中传递 query 参数,可以使用 `URLSearchParams` 对象进行处理。 首先,需要将 query 参数转换成一个 `URLSearchParams` 对象,然后将其作为 POST 请求data 参数进行传递。下面是一个示例代码: ```javascript import axios from 'axios' const params = new URLSearchParams() params.append('param1', 'value1') params.append('param2', 'value2') axios.post('/api/endpoint', params) .then(response => { console.log(response.data) }) .catch(error => { console.error(error) }) ``` 在上面的代码中,我们创建了一个 `URLSearchParams` 对象,并添加了两个参数 `param1` 和 `param2`,然后将其作为 POST 请求data 参数进行传递。 注意,如果需要传递的参数比较复杂,可以考虑使用 JSON 格式进行传递,这样可以更方便地处理嵌套结构的参数。可以使用 `JSON.stringify()` 函数将 JSON 对象转换成字符串,并将其作为 POST 请求data 参数进行传递。例如: ```javascript import axios from 'axios' const data = { param1: 'value1', param2: { subparam1: 'subvalue1', subparam2: 'subvalue2' } } axios.post('/api/endpoint', JSON.stringify(data), { headers: { 'Content-Type': 'application/json' } }) .then(response => { console.log(response.data) }) .catch(error => { console.error(error) }) ``` 在上面的代码中,我们创建了一个包含嵌套结构的 JSON 对象,并将其作为 POST 请求data 参数进行传递。注意,我们需要在请求头中设置 Content-Type 为 application/json,以告诉服务器我们传递的是 JSON 格式的数据

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值