当前位置:   article > 正文

Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload)_axios request formdata

axios request formdata

第一种方式:Form Data

Axios参数配置:

1、引入

import Qs from 'qs'

2、

  1. return request({
  2. headers: {
  3. 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  4. },
  5. transformRequest: [function(data) { //在请求之前对data传参进行格式转换
  6. data = Qs.stringify(data)
  7. return data
  8. }],
  9. url: '/test/add', //接口地址
  10. method: 'post', //请求类型
  11. params: {},
  12. data: {
  13. 'name': params.name, //传的参数
  14. 'jobId': params.jobId,
  15. 'department': params.department,
  16. 'phone': params.phone,
  17. 'position ': params.position,
  18. 'permis': params.permis,
  19. 'entryTime': params.entryTime
  20. }
  21. })

第二种方式:Json字符串

 

  1. return request({
  2. headers: {
  3. 'Content-Type': 'application/json'
  4. },
  5. transformRequest: [function(data) {
  6. data = JSON.stringify(data)
  7. return data
  8. }],
  9. url: '/test/add',
  10. method: 'post',
  11. params: {},
  12. data: {
  13. 'name': params.name, //传的参数
  14. 'jobId': params.jobId,
  15. 'department': params.department,
  16. 'phone': params.phone,
  17. 'position ': params.position,
  18. 'permis': params.permis,
  19. 'entryTime': params.entryTime
  20. }
  21. })

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/279888
推荐阅读
相关标签
  

闽ICP备14008679号