AJAX 综合案例-day2

Bootstrap 弹框

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

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

// 重置表单

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

图片上传

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

相关推荐
雨季66623 分钟前
Flutter 三端应用实战:OpenHarmony “心流之泉”——在碎片洪流中,为你筑一眼专注的清泉
开发语言·前端·flutter·交互
换日线°27 分钟前
前端3D炫酷展开效果
前端·3d
广州华水科技34 分钟前
大坝变形监测的单北斗GNSS技术应用与发展分析
前端
Dontla38 分钟前
浏览器localStorage共享机制介绍(持久化客户端存储方案)本地存储冲突、iframe、XSS漏洞、命名空间隔离
前端·网络·xss
●VON42 分钟前
React Native for OpenHarmony:构建高性能、高体验的 TextInput 输入表单
javascript·学习·react native·react.js·von
●VON1 小时前
React Native for OpenHarmony:ActivityIndicator 动画实现详解
javascript·学习·react native·react.js·性能优化·openharmony
霍理迪1 小时前
JS其他常用内置对象
开发语言·前端·javascript
tao3556671 小时前
HTML-03-HTML 语义化标签
前端·html
小马_xiaoen1 小时前
IndexedDB 从入门到实战:前端本地大容量存储解决方案。
前端
jiayong231 小时前
Vue2 与 Vue3 常见面试题精选 - 综合宝典
前端·vue.js·面试