Javaweb 前端 ajax

2024-12-10 21:28:21

在这里插入图片描述
在这里插入图片描述

作用：和后端交互
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
script 是 js
axios(这里是函数的调用方式){封装的是对象}

在这里插入图片描述
在这里插入图片描述
{}是对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

案例

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
。then的含义，请求后端之后，后端把数据放在回调

在这里插入图片描述

在这里插入图片描述
点了清空之后，还要查询全部
在这里插入图片描述
在这里插入图片描述
await等待请求执行完之后，接收这个结果
代码是同步，从上往下执行
代码可读性强

在这里插入图片描述

在这里插入图片描述
问题，刷新页面，不请求数据，只有点查询按钮才请求数据

在这里插入图片描述

钩子方法，不用自己调用，vue会自己调用
在这里插入图片描述

与methods方法平齐，写钩子函数
在这里插入图片描述
刷新就要请求
在这里插入图片描述
在这里插入图片描述

上一篇：【C++】6___友元


下一篇：CSS核心（上）