axios 中请求格式规范

https://blog.csdn.net/chenshanqiang/article/details/103302324

1、GET:查询数据
       1.1、通过URL传递参数

    //前端
    axios.get('/path?id=123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.get('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
        })
    //前端
    axios.get('/path/123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.get('/path/:id',(req,res)=>{
            res.send('axios get (Restful) 传递参数'+req.params.id)
        })
      1.2、通过params选项传递参数

    //前端
    axios.get('/path',{
        params:{
           id:123
        }
    }).then(function(ret){
        console.log(ret.data)
    })
     //服务器
    app.get('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
    })
2、POST:添加数据
       2.1、通过选项传递参数(默认传递的是json格式的数据)

    //前端
    axios.post('/path',{
        name:'ming',
        pwd:123
    }).then(function(ret){
        console.log(ret.data)
    })
    //服务器
    app.post('/path',(req,res)=>{
        res.send('axios post 传递参数' + req.body.name + '----' + req.body.pwd);
    })
       2.1、通过URLSearchParams传递参数(application/x-www-form-urlencoded)

    //客户端
    var params = new URLSearchParams();
    params.append('name','xiang');
    params.append('pwd','123');
    axios.post('/path',params),then(function(ret){
        console.log(ret.data)
    })
    //服务器
    app.post('/path',(req,res)=>{
        res.send('axios post 传递参数' + req.body.name + '----' + req.body.pwd);
    })
3、PUT:修改数据
    //前端
    axios.put('/path/123',{
        name:'ming',
        pwd:123
    }).then(function(ret){
        console.log(ret.data)
    })
    //服务器
    app.put('/path/:id',(req,res)=>{
        res.send('axios post 传递参数' + req.params.id + '----' + req.body.name + '----' +     req.body.pwd);
    })
4、DELETE:删除数据
4.1、通过URL传递参数

    //前端
    axios.delete('/path?id=123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.delete('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
        })
    //前端
    axios.delete('/path/123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.delete('/path/:id',(req,res)=>{
            res.send('axios get (Restful) 传递参数'+req.params.id)
        })
4.2、通过params选项传递参数

    //前端
    axios.delete('/path',{
        params:{
           id:123
        }
    }).then(function(ret){
        console.log(ret.data)
    })
     //服务器
    app.delete('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
    })
 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值