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

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

时间:2022-12-01 14:14:38浏览次数:50  
标签:内置 浏览器 FormData 发送给 js key append 构造函数

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>

 

 

标签:内置,浏览器,FormData,发送给,js,key,append,构造函数
From: https://www.cnblogs.com/JAG2671169285/p/16941217.html

相关文章

  • 使用 FormData上传file文件 使用接口通过FormData上传头像
    文件选择标签type="file"属性可以获取选择文件accept="image/*"推荐选择图片类/*通配,所有placeholder提示信息语法:1.`accept`属性引导用户选择文件1.多个......
  • xml 转 json
    https://www.cnblogs.com/ZXdeveloper/p/16500959.htmlhttp://t.zoukankan.com/javalinux-p-14021005.html......
  • JS之面向对象
    面向对象了解构造函数原型对象的语法特征,掌握JavaScript中面向对象编程的实现方式,基于面向对象编程思想实现DOM操作的封装。了解面向对象编程的一般特征掌握基于......
  • [Json] GSON 数据容错
    GSONGSON是Googel公司开发的用于解析json的类库。可以很轻松地让程序员将java对象转换成JSON格式,或者将JSON格式的对象转换成Java对象。GSON的github地址:https://github.......
  • Centos安装Nodejs简单方式
    Node.js是一个基于ChromeV8引擎的​​JavaScript​​​运行时。本文主要讲的是如何在Linux即​​Centos上安装Nodejs的简单方式​​​,有比设置环境变量更加简单的方式......
  • nodejs版本与node sass版本不匹配导致项目运行不起来
    一、场景复现:升级nodejs,没有相应升级node-sass,导致npmi下载依赖包报错二、nodejsnode-sass对应版本:地址:https://www.npmjs.com/package/node-sassnpminstallnod......
  • js 对象属性过滤方法
    有时候需要剔除少数属性,留下大多数。类似于TS的omit例子:letperson={name:"jackchen",age:54,address:'hongkong'}let{name,...xiaohong}=personcons......
  • JS对象笔记
    对象对象基本使用对象是JS中的一种复合数据类型,它相当于一个容器,在对象中可以存储各种不同类型的数据而基本数据类型(原始值)只能存储一些简单的数据,如:语法: 原始创建......
  • Go实现整合 Logrus 输出json格式日志
    学习与交流:Go语言技术微信群商务合作加微信:LetsFenggoland全家桶激活码,支持所有版本,支持所有系统链接:http://web.52shizhan.cn/activity/s2abxc提取码:GJF9B1DK 现......
  • 小谢第72问:CommonJS规范、AMD规范和CMD规范的区别
    首先,CommonJS规范的特点:对于基本数据类型,属于复制。即会被模块缓存。同时,在另一个模块可以对该模块输出的变量重新赋值。对于复杂数据类型,属于浅拷贝。由于两个模块引......