美文网首页
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 用法详解

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