当前位置:网站首页 > 技术博客 > 正文

formdata object



let btn = document.getElementById("btn"); btn.onclick = function () { // 根据ID获得页面中的form表单元素 var form = document.querySelector("#userForm"); // 将获得的表单元素作为参数,对formData进行初始化 var formData = new FormData(form); formData.append("name", "Lori"); formData.append("name", "Jack"); formData.append("gender", "Jacie"); // 通过get方法只能读取第一个key为name的值 console.log(formData.get("name")); // Lori // 通过getAll方法能获取到所有key为name的值 console.log(formData.getAll("name")); //["Lori","Jack"] // 通过set修改数据,如果存在多个的话,就会改到只剩下一个key为name的值 formData.set('name', "李白"); // ["李白"] // 如果不存在的话,就会添加一条数据 formData.set('age', 30); console.log(formData.getAll('name')); console.log(formData.getAll('age')); // 通过delete方法删除key为gender的数据 formData.delete("gender"); console.log(formData.get('gender')); // null for (let keys of formData.keys()) { console.log(keys); // userName sex city name age  } for (let keys of formData.entries()) { console.log(keys); // ["userNamee", "李白"] ["sex", "male"] ["city", "1"] ["name", "李白"] ["age", "30"]  } for (let keys of formData.values()) { console.log(keys); } }

版权声明


相关文章:

  • 宿舍管理系统2025-05-08 11:30:03
  • form传参到后端2025-05-08 11:30:03
  • 结构体在c语言中是什么意思2025-05-08 11:30:03
  • 反编译工具下载2025-05-08 11:30:03
  • stm32串口usart22025-05-08 11:30:03
  • dmesg命令详解 时间段2025-05-08 11:30:03
  • oracle视图怎么写2025-05-08 11:30:03
  • 怎么设置鼠标悬停时的提示文字2025-05-08 11:30:03
  • 01背包问题是什么2025-05-08 11:30:03
  • 微信小程序回调2025-05-08 11:30:03