一、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