zoukankan      html  css  js  c++  java
  • 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);            
    })

    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);            
    })

    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);            
    })

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

    作者:Awbeci
    链接:https://segmentfault.com/a/1190000015261229
    来源:SegmentFault 思否
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


     

    axios中get请求与post请求的简单函数封装 - kylong - 博客园 

    https://www.cnblogs.com/kyl-6/p/9502779.html

     

  • 相关阅读:
    CSS
    html5
    XHTML
    HTML
    git 教程 --git revert 命令
    Git 教程 --git merge 命令
    git 教程 --git reset 命令
    git 教程 --git cherry-pick 命令
    git 教程 --git stash命令
    git 教程 --git diff功能
  • 原文地址:https://www.cnblogs.com/51net/p/13361116.html
Copyright © 2011-2022 走看看