当前位置: 首页 > news >正文

Javaweb 前端 ajax

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

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

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

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

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

案例

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

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

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

http://www.lryc.cn/news/500195.html

相关文章:

  • 【蓝桥杯每日一题】重新排序
  • 《深入浅出HTTPS》读书笔记(16):消息验证码算法分类
  • 如何使用Apache HttpClient来执行GET、POST、PUT和DELETE请求
  • 数据结构-希尔排序
  • Spire.doc 合并word,复制word
  • 【Spring项目】表白墙,留言板项目的实现
  • 分布式事务-nacos/seata在windows环境下部署及开发
  • 分布式微服务架构下的密码安全性方案
  • 基于pytorch的深度学习基础4——损失函数和优化器
  • 网络安全信息收集(总结)更新
  • web斗地主游戏实现指北
  • SpringMVC其他扩展
  • 【Linux】网络服务
  • 工作:SolidWorks从3D文件导出2D的DWG或DXF类型文件方法
  • IDL学习笔记(五)MODIS数据(Grid)
  • JavaScript语言介绍
  • Lua使用点号和冒号的区别
  • LLM - 开源视觉多模态 LLaVA-CoT(o1) 深度推理模型 测试与源码 教程
  • Ansible的yum和saltstack的哪个功能相似
  • paimon0.9记录
  • Java 中 List 接口的学习笔记
  • 【原生js案例】webApp实现鼠标移入移出相册放大缩小动画
  • LVGL9 定时器模块
  • Qt学习笔记第51到60讲
  • 网页设计--axios作业
  • SpringBoot 整合 Avro 与 Kafka 详解
  • 若依 ruoyi VUE el-select 直接获取 选择option 的 label和value
  • 大数据-155 Apache Druid 架构与原理详解 数据存储 索引服务 压缩机制
  • 修改MySQL存储路径
  • Git常用的命令【提交与回退】