美文网首页
FormData 用法详解

FormData 用法详解

作者: louiebb | 来源:发表于2020-08-17 15:14 被阅读0次

表单初始化对象

<form id="form" action="" method="post">
   <input type="text" name="name">名字
   <input type="password" name="pwd">密码
   <input type="submit" value="提交">
</form>

var form = document.getElementById("form");
var formData = new FormData(form);
var name = formData.get("name"); // 名字
formData.append("token","ttt");

对象操作

  • 获取
    get(key)或者getAll(key) 获取对应的value

  • 添加
    append(key, value)来添加数据,指定的key不存在则会新增一条数据,如果key存在,则添加到数据的末尾
    set(key, value)来设置修改数据,指定的key不存在则会新增一条,如果存在,则会修改对应的value值

  • 是否存在
    has(key); // true/false

  • 删除
    delete(key)

  • 遍历

for(var pair of formData.entries()) {
   console.log(pair[0]+ ', '+ pair[1]); 
}

相关文章

  • FormData 用法详解

    表单初始化对象 对象操作 获取get(key)或者getAll(key) 获取对应的value 添加append(...

  • 关于ajax 请求的那些参数

    我习惯用FormData来传递数据,具体用法是 data = new FormData(form dom) //这...

  • formData详解

    FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过 X...

  • 表单提交文件相关

    可以使用formData提交含有文件的表单 何时会使用到formdata,以及详细用法,请点击此网站 formDa...

  • Formdata 的用法

    1 概述: FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式...

  • LiveData

    LiveDataBus实现原理#用法详解#LiveData扩展 LiveDataBus实现原理#用法详解#Live...

  • IOS学习(13)-UITextView

    UITextView详解iOS开发系列之四 – UITextView 用法小结UITextView控件的用法详解

  • FormData和FileReader

    文件传输原理 为什么用formData传输文件 formData用法 文件传输原理   电脑只认识二进制,为什么我...

  • Retrofit 入门

    Retrofit用法详解 参考:Retrofit 官方APIRetrofit用法详解(入门看这篇就够了) 一、简介...

  • 结构体对齐方式

    #pragma pack()用法详解

网友评论

      本文标题:FormData 用法详解

      本文链接:https://www.haomeiwen.com/subject/ochqjktx.html