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

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

特别说明

//以下都是基于
 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)
            })
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axios中,GET请求通常不会发送请求体(body),而是将参数附加到URL的查询字符串中。但是,如果你需要发送请求体数据,你可以使用POST请求,并将数据作为请求体的一部分发送。 下面是使用Axios发送GET请求并传递参数的示例代码: ```javascript import axios from 'axios'; // 定义请求参数 const params = { key1: 'value1', key2: 'value2' }; // 使用Axios发送GET请求 axios.get('/api/endpoint', { params }) .then(response => { // 处理响应数据 console.log(response.data); }) .catch(error => { // 处理错误 console.error(error); }); ``` 在上面的示例中,我们将参数对象作为第二个参数传递给`axios.get()`方法,并使用`params`字段来指定要传递的参数。Axios会自动将参数转换为查询字符串,并将其附加到URL中。 如果你需要发送请求体数据,可以使用POST请求: ```javascript import axios from 'axios'; // 定义请求体数据 const data = { key1: 'value1', key2: 'value2' }; // 使用Axios发送POST请求 axios.post('/api/endpoint', data) .then(response => { // 处理响应数据 console.log(response.data); }) .catch(error => { // 处理错误 console.error(error); }); ``` 在上面的示例中,我们使用`axios.post()`方法发送POST请求,并将请求体数据作为第二个参数传递。Axios会将数据序列化为JSON格式并发送给服务器。 请注意,如果你需要发送表单数据而不是JSON数据,你可以使用`axios.post()`方法的第三个参数来指定请求头`Content-Type`为`application/x-www-form-urlencoded`,并将数据转换为URL编码的字符串。 希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值