FormData()浏览器内置的对象 不需要引入js 主要用于保存文件 发送给后端

FormData()浏览器内置的对象 它是一个构造函数  不需要引入js文件 
后端要求传的一种数据格式时使用
 
概念:
1. `FormData`是浏览器提供的内置对象
2. 以`key/value`的形式保存数据
3. 能够结合`ajax`进行数据提交 主要是提交给后端 使用post新增数据

常用语法:
1. 通过`new`关键字实例化
2. `构造函数名.append(key,value)`添加数据
3. `构造函数名.get(key)`获取`key`对应的值
4. 可以保存文件
复制代码
<body>
    <script>
      //FormData()浏览器内置的对象 它是一个构造函数 不需要引入js文件
      /* 
        概念:
         1. `FormData`是浏览器提供的内置对象
         2. 以`key/value`的形式保存数据
         3. 能够结合`ajax`进行数据提交

       常用语法:
        1. 通过`new`关键字实例化
        2. `.append(key,value)`添加数据
        3. `.get(key)`获取`key`对应的值
        4. 可以保存文件
      */
      const data = new FormData();
      //  通过new实例化对象 添加 append(属性名 ,属性值)添加
      data.append("uname", "ls");
      data.append("age", "17");
      //  查看实例化对象 只能通过  构造函数名.get('键名')
      console.log(data.get("uname"));
      console.log(data.get("age"));
    </script>
  </body>
复制代码

 

 
posted @   噢噢噢J  阅读(155)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示