Vue知识系列-axios

一、axios基础知识

axios是独立于vue的一个项目,基于promise用于浏览器和node.js的http客户端。

  • 在浏览器中可以帮助我们完成ajax请求的发送
  • 在node.js中可以向远程接口发送请求

二、axios应用场景

Vue知识系列-axios_第1张图片

三、axios的使用 

第一步:创建html文件,在body中引入两个js文件:

 
 

第二步:axios调用的固定结构

使用axios发送ajax请求,请求文件,得到数据,在页面显示 

Vue知识系列-axios_第2张图片

data.json文件 

{
    "success":true,
    "code":20000,
    "message":"成功",
    "data":{
        "items":[
            {"name":"张三","age":22},
            {"name":"李四","age":33},
            {"name":"王五","age":18}
        ],
        "total":3
    }
}

 

你可能感兴趣的:(Vue,vue.js,ajax)