AJAX 综合案例-day2

Bootstrap 弹框

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

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

// 重置表单

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

图片上传

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

相关推荐
梦幻通灵16 小时前
Edge浏览器好用插件【持续更新】
前端·edge
sTone8737516 小时前
Chrome devtools二次开发准备:获取源码和编译
前端·google
龙泉寺天下行走16 小时前
[Powershell入门教程]第4天:模块、脚本编写、错误处理与 .NET 集成
java·服务器·前端
晴天丨16 小时前
Vite:下一代前端构建工具深度解析与实践指南
前端
多来哈米16 小时前
Jenkins配置vue前端项目(最简单的操作)
运维·前端·jenkins
一只叁木Meow16 小时前
Vue scoped CSS 与 Element Plus Drawer 样式失效问题深度解析
前端
用户924262570073116 小时前
Vue 学习笔记:组件通信(Props / 自定义事件)与插槽(Slot)全解析
前端
Zyx200716 小时前
JavaScript 数组:从内存布局到遍历策略的深度解析
javascript
UIUV16 小时前
Ajax 数据请求学习笔记
前端·javascript·代码规范
FogLetter16 小时前
手写useInterval:告别闭包陷阱,玩转React定时器!
前端·react.js