Axios的快捷入门

Axios的快速入门

AJAX（Asynchronous JavaScript and XML）是一种用于创建动态网页的技术。它允许网页在不重新加载整个页面的情况下，异步地从服务器请求数据并更新部分内容，从而提高用户体验和响应速度 。

• 与服务器进行数据交互
• 异步

Axios

Axios 是对原生Ajax的封装，简化了原生Ajax的使用，简单的说我们可以通过Axios发送异步请求与服务器进行数据交互。

快速入门

1）. 引入Axios的js文件

<script src="https://unpkg.com/axios/dist/axios.min.js">
  <
  /script>

2）. 使用axios发送请求，具体格式如下：

<script>
  axios({
  url: '要访问的url地址',
  method: '请求方法',
  data: '发送请求需要携带的数据(POST)',
  params: '发送请求时携带的url参数,如:...?key=val'
  }).then((result) =>
  {
  //成功回调函数
  //这里的result是包含服务器响应回来的所有信息(包括状态码和一些请求信息等)
  //服务器响应回来的数据封装在result.data
  }).catch((error) =>
  {
  //失败回调函数
  })
  <
  /script>

Axios-请求方式别名

Axios除了以上请求方式之外还为所有支持的请求方式提供了别名形式的api来简化我们的操作。具体格式如下：

axios.请求方式(url[,data[,config]])

方法	描述
axios.get(url [, config])	发送get请求
axios.delete(url [, config])	发送delete请求
axios.post(url [, data[, config]])	发送post请求
axios.put(url [, data[, config]])	发送put请求

示例如下：

//get
axios.get("url").then((result) =>
{
//成功回调函数
}).catch((error) =>
{
//失败回调函数
})
//post
axios.post("url",data).then((result) =>
{
//成功回调函数
}).catch((error) =>
{
//失败回调函数
})