AJAX 综合案例-day2

Bootstrap 弹框

功能:不离开当前页面,显示单独内容,供用户操作
步骤:

  1. 引入 bootstrap.css 和 bootstrap.js
  2. 准备 弹框标签 ,确认结构
  3. 通过 自定义属性 ,控制弹框的 显示 和 隐藏
  1. 通过属性控制,弹框显示或隐藏 单纯显示/隐藏
  2. 通过 JS 控制,弹框显示或隐藏 额外逻辑代码

// 重置表单

addForm.reset() 把表单里面的数据清空

图片上传

e.target.file可以拿到文件对象

相关推荐
web小白成长日记2 分钟前
Vue3中如何优雅实现支持多绑定变量和修饰符的双向绑定组件?姜姜好
前端·javascript·vue.js
晴天飛 雪7 分钟前
Spring Boot 接口耗时统计
前端·windows·spring boot
0思必得016 分钟前
[Web自动化] Selenium模拟用户的常见操作
前端·python·selenium·自动化
十六年开源服务商20 分钟前
WordPress在线聊天系统推荐
大数据·javascript·html
Apifox.29 分钟前
测试用例越堆越多?用 Apifox 测试套件让自动化回归更易维护
运维·前端·后端·测试工具·单元测试·自动化·测试用例
玉梅小洋43 分钟前
Chrome设置链接自动跳转新标签页而不是覆盖
前端·chrome
EndingCoder1 小时前
反射和元数据:高级装饰器用法
linux·运维·前端·ubuntu·typescript
Marshmallowc1 小时前
React性能优化:useState初始值为什么要用箭头函数?深度解析Lazy Initialization与Fiber机制
前端·react.js·性能优化·前端框架·react hooks
喵喵喵小鱼1 小时前
arcgis JavaScript api实现同时展示多个撒点气泡
开发语言·javascript·arcgis
Coder_Boy_1 小时前
基于SpringAI的在线考试系统-试卷管理模块完整优化方案
前端·人工智能·spring boot·架构·领域驱动