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 @ 2022-12-01 13:57  噢噢噢J  阅读(139)  评论(0编辑  收藏  举报