axios常用5种请求详解

axios和ajax的区别

ajax是对原生XHR的封装，实现了局部数据的刷新。

axios是一个基于Promise的HTTP库，实现了对ajax的封装。

参数详解

url：地址

data：提交参数的一种方式

pararms：提交参数的一种方式

config：配置项，如请求头

1. Post

POST 请求用于向服务器新增数据

文档：axios.post(url[, data[, config]])

axios({

        url:'路径',

        method:'post',

        data:{

                参数（键值对）

        }

})

axios.post('路径',   { 请求参数 } )

2. Get

GET 请求用于从服务器获取数据

文档：axios.get(url[, config])

axios({

        url:'路径',

        method:'get',

        params:{

                参数（键值对）

        }

})

axios.get('路径', { params: { 请求参数 } })

3. Delete

DELETE 请求用于删除服务器上的数据

文档：axios.delete(url[, config])

axios({

        url:'路径',

        method:'delete',

        params:{

                参数（键值对）

        }(此处一般不选，可以直接在路径后+？id)

})

axios.delete('路径', { params: { 请求参数 } })

4. Put

PUT 请求用于更新服务器上的数据（侧重于完整更新：例如更新用户的完整信息）

文档：axios.put(url[, data[, config]])

axios({

        url:'路径',

        method:'put',

        data:{

                参数（键值对）

        }

})

axios.put('路径',   { 请求参数 } )

5. Patch

PATCH 请求用于更新服务器上的数据（侧重于部分更新：例如只更新用户的手机号）

文档：axios.patch(url[, data[, config]])

axios({

        url:'路径',

        method:'patch',

        data:{

                参数（键值对）

        }

})

axios.patch('路径',   { 请求参数 } )

get/delete 一般携带路径参数较多 携带请求体是 params

post/put/patch 携带请求体是data