axios简单应用 和 fetch的简单应用

首先要明白的是axios是什么：axios是基于promise（诺言）用于浏览器和node.js是http客户端。

axios的作用是什么呢：axios主要是用于向后台发起请求的，还有在请求中做更多是可控功能。

安装axios

　　小黑窗口 执行命令 npm i axios --save

在需要数据请求的页面导入 axios

　　import axios from "axios"

案例

执行 GET 请求

// 为给定 ID 的 user 创建请求
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

// 上面的请求也可以这样做
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

执行 POST 请求

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

**************************************************************************************************************************************

原生js接口数据获取方法 fetch

注：不支持低版本浏览器使用

语法

　　fetch("url地址端口").then((res)=>{

　　　　return res.json();

　　}).then((res)=>{

　　　　console.log(res)//此处写入想要如何处理函数，一般存入自己的数据中，this.list=res

　　})