我是靠谱客的博主 快乐季节,最近开发中收集的这篇文章主要介绍axios post请求get请求对传参的操作特别说明,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

axios post请求get请求对传参的操作

  • 特别说明
    • axios get传参
    • axios post传参

特别说明

//以下都是基于
headers: {
"Content-Type": "application/x-www-form-urlencoded;charset=utf-8"
}

axios get传参

1.params传参:


this.$http({
url: '/api/xxx',
method: 'get',
params: {
customer_num:‘’
}
}).then(res => {
// do something
})

axios post传参

1.data transformRequest处理

	this.$http({
url: '/api/xxx',
method: 'post',
data: {
name:''
},
transformRequest: [function (data) {
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
ret = ret.slice(0,-1)
return ret
}]
}).then( (response) => {
// do something
})
  1. data qs处理
 npm i qs
//main.js里面
import qs from 'qs'
Vue.prototype.$qs = qs
//使用
this.$http({
url: '/api/xxx',
method: 'post',
data: this.$qs.stringify(params)
})

最后

以上就是快乐季节为你收集整理的axios post请求get请求对传参的操作特别说明的全部内容,希望文章能够帮你解决axios post请求get请求对传参的操作特别说明所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(68)

评论列表共有 0 条评论

立即
投稿
返回
顶部