axios的使用规范

axios在线库：https://unpkg.com/axios/dist/axios.min.js

获取网络请求

get格式

axios.get(地址？key=value&key2=value2).then(function(response){},function(err){})
//地址为接口地址，key是文档提供，then在请求完成时触发，参数response用来获取请求信息，第二个方法function会在请求失败时触发，err用来获取错误信息

post格式

axios.post(地址,{key:value,key2:value2}).then(function(response){},function(err){})
//地址为接口地址，key是文档提供，then在请求完成时触发，参数response用来获取请求信息，第二个方法function会在请求失败时触发，err用来获取错误信息

如下例题

功能：点击get获取一个6个笑话，点击post添加添加用户名。

Vue和axios结合使用

格式：

var app=new Vue({
    el:"#app",
    data:{
        info:""
    },
  methods:{
      gets:function(){
          var ths=this;   //把this用变量存放起来，防止this在axios中改变
         axios.get(API链接)
         .then(function(respons){
             console.log(respons);
         },
         function(err){
             console.log(err);  //输出错误信息
         })
      }
  }
})

例子

    

    
      
{{info}}