FormData用法笔记

1. 创建formData

我是标题
下拉菜单:111222333444
let formdata = new FormData()   // 通过formData构造函数创建一个空对象let formdata = new FormData(document.querySelector('#form'))    // 获取页面时id值为form的表单，new FormData必须传入一个标签节点// 表单中元素的name绑定的为当前表单元素的value值
console.log(formdata.get('title')) // 我是标题
console.log(formdata.get('select') // 111

2. 创建formData并传值

formdata.get('title')    // 获取Key为title的第一个元素的值、
formdata.getAll('title')    // 获取key为title的所有值，返回值为数组类型fordata.append('name','yimi')    // 在formData对象中追加一个key为name值为yimi的键值对
console.log(formdata.get('name'))    // yimi
formdata.set('name','lala')    // 通过set方法更改key的value值，如果对象中没有name，则添加一个新的键值对。

3. formData的作用

        （1）将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。

        （2）异步上传文件

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！