AJAX 综合案例-day2

Bootstrap 弹框

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

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

// 重置表单

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

图片上传

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

相关推荐
毕设十刻1 分钟前
基于Vue的家教预约系统7fisz(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
前端无涯3 分钟前
深度解析:fetch 与 Promise 结合实战及面试重点
前端·javascript
风舞红枫6 分钟前
node代理vue打包后的文件,实现本地测试
前端·javascript·vue.js·node.js
helloCat6 分钟前
记录CI/CD自动化上传AppGallery遇到的坑
android·前端·api
Yanni4Night9 分钟前
使用URLPattern API构建自己的路由器 🛣️
前端·javascript
web守墓人15 分钟前
【前端】garn:使用go实现一款类似yarn的依赖管理器
前端
全栈陈序员22 分钟前
Vue 实例挂载的过程是怎样的?
前端·javascript·vue.js·学习·前端框架
Bruce_Liuxiaowei1 小时前
一键清理Chrome浏览器缓存:批处理与PowerShell双脚本实现
前端·chrome·缓存
怒放的生命19911 小时前
Vue 2 vs Vue 3对比 编译原理不同深度解析
前端·javascript·vue.js
GDAL1 小时前
html返回顶部实现方式对比
前端·html·返回顶部