axios post 请求发送url 键值对参数

后端post 请求要求在 url 上携带参数,各种百度,最后发现了一种可行的方式,用formData对象构造请求参数,然后用URLSearchParams 把formdata 参数转换成键值对,最后发送

复制代码
function getList() {

  const formdata = new FormData()
  formdata.append("pageNum", queryParams.value.pageNum);
  formdata.append("pageSize", queryParams.value.pageSize);

  const params = new URLSearchParams(formdata)

  jfList(params).then(res => {
    tableData.value = res.data.list
    total.value = res.data.total
  })
}




/接口请求发送方式

export function jfList(query) {
  return request({
    url: '/charge/payment/list',
    method: 'post',
    params: query,
  })
}
相关推荐
老华带你飞2 小时前
农产品销售管理|基于java + vue农产品销售管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
C_心欲无痕3 小时前
vue3 - 类与样式的绑定
javascript·vue.js·vue3
JIngJaneIL4 小时前
基于springboot + vue房屋租赁管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
期待のcode5 小时前
@RequestBody的伪表单提交场景
java·前端·vue.js·后端
一颗烂土豆5 小时前
vfit.js v2.0.0 发布:精简、语义化与核心重构 🎉
前端·vue.js·响应式设计
总之就是非常可爱6 小时前
vue3 KeepAlive 核心原理和渲染更新流程
前端·vue.js·面试
red润6 小时前
手把手封装Iframe父子单向双向通讯功能
前端·javascript·vue.js
肖老师xy8 小时前
Ai生成时间排期进度
javascript·vue.js·elementui
Aliex_git8 小时前
Vue 错误处理机制源码理解
前端·javascript·vue.js
2501_942818919 小时前
AI 多模态全栈项目实战:Vue3 + Node 打造 TTS+ASR 全家桶!
vue.js·人工智能·node.js