Ajax介绍

一、Ajax概述

二、同步与异步

三、Axios介绍

axios({        //这里传递一个js的对象

        method:代表请求方式,       

        url:代表请求路径,

          //  如果是get请求传递参数就在url后面用 ? key = value的形式传递参数

          // 如果是post请求(请求参数在请求体中)，就通过 data这个属性指定post的请求参数        
        data: "id = 1";

}).then((result) => {    

         // 箭头函数的书写形式，函数接收一个js对象result。这个函数在请求成功后自动调用

        console.log(result.data);        

        // 通过result.data 可以拿到result对象中的data属性

        // 而这个data属性里面封装的就是服务器响应回来的数据

});

---

四、案例（绑事件，方法里面发送请求）

后端数据响应的内容：

初始代码展示：

浏览器初始页面展示：

代码修改：

在data里面设一个emps数组接收响应中的数组：this.emps  =  result.data.data

结果展示：