weishenHong / todo-and-infos

一些待办事项和技术相关信息收集
1 stars 0 forks source link

new FormData(); #26

Open weishenHong opened 1 year ago

weishenHong commented 1 year ago

FormData 是一种 JavaScript 对象,用于在前端处理表单数据,特别是通过 HTTP POST 请求将数据发送到服务器。它通常与

元素一起使用,以便轻松地捕获表单中的用户输入并将其发送到服务器。

  • 创建和初始化
    
    // 创建一个空的 FormData 对象
    var formData = new FormData();

// 或者通过表单元素初始化 FormData var form = document.querySelector('form'); var formData = new FormData(form);


- 向 FormData 添加数据 
append(name, value): 向 FormData 添加一个字段,可以是文本、文件或 Blob 对象。
> 如果重复添加同一个字段,会追加不是覆盖,使用set 不会追加。
set(name, value): 设置 FormData 中指定字段的值,如果字段不存在,则创建一个新的字段。
delete(name): 从 FormData 中删除指定字段。
get(name): 获取 FormData 中指定字段的值。
getAll(name): 获取 FormData 中指定字段的所有值。
has(name): 检查 FormData 是否包含指定的字段

> FormData 无法以可读的形式打印在控制台,可以使用遍历来查看值。
forEach、forof、  
for...in 循环(不推荐):尽管可以使用 for...in 循环来遍历对象属性,但不推荐在 FormData 对象上使用它,因为它可能会遍历到原型链上的属性
weishenHong commented 9 months ago

如果要向FormData中添加數組類型數據,用這種格式 formData.append('array[0].foo', '123'); formData.append('gradeRankValueList[0].foo', '123');