欢迎光临
技术人生-雨巷前端

axios POST提交数据的三种请求方式写法

1、Content-Type: application/json

import axios from ‘axios’

let data = {“code”:”1234″,”name”:”yyyy”};

axios.post(`${this.$url}/test/testRequest`,data)

.then(res=>{

console.log(‘res=>’,res);

})

clip_image001

2、Content-Type: multipart/form-data

import axios from ‘axios’

let data = new FormData();

data.append(‘code’,’1234′);

data.append(‘name’,’yyyy’);

axios.post(`${this.$url}/test/testRequest`,data)

.then(res=>{

console.log(‘res=>’,res);

})

clip_image002

3、Content-Type: application/x-www-form-urlencoded

import axios from ‘axios’

import qs from ‘Qs’

let data = {“code”:”1234″,”name”:”yyyy”};

axios.post(`${this.$url}/test/testRequest`,qs.stringify({

data

}))

.then(res=>{

console.log(‘res=>’,res);

})

clip_image003

总结:

1、从jquery转到axios最难忘的就是要设置Content-Type,还好现在都搞懂了他们的原理
2、上面三种方式会对应后台的请求方式,这个也要注意,比如java的@RequestBody,HttpSevletRequest等等

未经允许不得转载:技术人生 » axios POST提交数据的三种请求方式写法

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

我是前端,我不迷茫