三、axios+vue

Axios

导入：

基础语法：

axios.get(?key=value&key2=value2).then(function(response){},function(err){}
axios.post(地址，{key:value,key2:value2}).then(function(response){},function(err){})

then方法中的回调函数会在请求成功或失败时触发，response后的{}是成功时调用的方法，err后的{}是失败时的。

简单示例：

注意先引入axios，然后注意get方法的参数写在网址内部。post方法的参数写在网址后面的列表。

 

 

axios+vue：

  接口：随机获取一条笑话

  请求地址：https://autumnfish.cn/api/joke

  请求方法：get

  请求参数：无

  响应内容：随机笑话

    
    
    




    

        
        
{{joke}}
    

    
    
    
    

    

 

可以看到axios回调函数中的this已经改变，无法访问到data中数据。

我们可以把this保存起来，回调函数中直接使用保存的this即可。