Axios常用API

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