axios的请求方式

1.Get方法：

axios.get发送无参的请求

 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        axios.get("http://localhost:8082/api/studentinfo/findAll").then(res=>{
            console.log(res);
       }).catch(err => {
            console.log(err);
        })

    </script>

axios.get发送有参的请求

        axios.get("http://localhost:8082/api/studentinfo/findById2",{params:{sid:4}}).then(res=>{
             console.log(res);
        }).catch(err => {
            console.log(err);
        })

2.Post方法：

axios.post发送无参的请求:

        axios.post('http://localhost:8082/api/studentinfo/findAll2').then(res=>{
            console.log(res);
        }).catch(err => {
            console.log(err);
        })

 axios.post发送有参的请求:

 axios.post('http://localhost:8082/api/studentinfo/findByName',"sname=赵文豪").then(res=>{
                console.log(res);
            }).catch(err => {
             console.log(err);
            })

发送post请求携带参数，多个参数直接试用"name=张三&age=10"

---

3.put方法

            axios.put("http://localhost:8082/api/studentinfo/updates",{
                sid:6,
                sname:"信晨阳",
                sage:18,
                ssex:"女"
            })
            .then(function(res) {
                console.log(res);
            }).catch(function(erro) {
                console.log(erro);
            })

put方法实现CRUD中的修改方法。

4.delete方法

            axios.delete("http://localhost:8082/api/studentinfo/4")
            .then(function(res) {
                console.log(res);
            }).catch(function(erro) {
                console.log(erro);
            })

restful风格删除控制层代码如下：

@DeleteMapping(value = "/{sid}")
    @CrossOrigin
    @ResponseBody
    public void deleteStudents(@PathVariable Integer sid){
        studentinfoMapper.deleteById(sid);
    }