axios的使用

Posted 2022-07-01 zlsqd

使用promise封装的axios　　　　https://github.com/axios/axios

一般发送数据可以在钩子函数created里面。但是echarts不行，它里面需要提供容器获取到DOM元素，created时元素还没有渲染到页面上我们需要在mounted里发送axios

axios请求数据的响应结果是一个对象，对象有很多项。其中data那一项是我们需要的数据

created:function()
    //这里的this是实例
    axios.get("./a.json").then(function (result) 
    //这里的this是window
        this.ary=result.data
        //将获取到的数据赋值给data中的ary数组，但是有问题。回调函数中的this都是window
        //为了让this指向是实例，我们使用箭头函数即可
    )

获取异步数据的值以前需要通过传递回调函数，通过调用回调函数时将数据传递给回调函数的方式来获取值

promise天生自带的类，是一个约定

获取异步数据的值以前需要通过传递回调函数，通过调用回调函数时将数据传递给回调函数的方式来获取值

new一个promise时该类会直接执行，执行的结果是一个promise实例，promise的实例天生自带then方法里面有两个参数

promise里面一般执行异步函数