前端与后台交互之axios(get请求)

1要使用axios请求数据,则需要进行一下这几个步骤哦。

  1. 要使用axios,就必须下载axios这个库,可以有一下几个途径:
  1、使用 npm install axios 或者 yarn add axios
  2、可以之间使用线上cdn:
  1. 需要从后端那里获得数据api接口地址。本次模拟数据是从JSONPlaceholder官网上随机获取的一个api接口。
  2. 需要了解到axios是基于 Promise + XMLHttpRequest 的,axios的底层还是ajax的。所以要知道全局函数axios.get(url)它返回的是一个Promise对象,最后还是需要一个变量容器来接收的。
  3. 接收到的Promise 还需要对之进行成功回调与失败回调处理。

以下是我的例子(嘻嘻):

  


    
    
    
    前端与后台交互之axios




    
    

    


最后通过服务器开启网页的时候,在控制台打印的数据如下(表示成功返回响应信息):
image.png

你可能感兴趣的:(前端与后台交互之axios(get请求))