首页 > Web开发 > 详细

ajax2.0提供的FormData

时间:2021-05-10 00:36:14      阅读:18      评论:0      收藏:0      [点我收藏+]

在AJAX2.0中新增了FormData构造函数

作用:用户快速进行表单序列化,来代替表单。

使用方式:

  let fd = new FormData(form)

    form: 原生的form表单元素

    参数是可有可无的

    如果传递了参数,得到一个fd的实例化对象,我们可以通过其原型中的方法查看内部结构

    如果没有传递参数,得到的是一个空的对象,我们可以调用原型中的方法添加数据

forEach

使用方式: fd.forEach(value, name, formdata)

  第一个参数: 输入的内容

  第二个参数: 输入框name值

  第三个参数: FormData对象

  this指向全局作用域

append

  该方法用于添加数据的  (不会覆盖掉已经添加的数据)

  fd.append(key, value) 

    key: name值

    value: 是数据

delete

  该方法用于删除数据中的某一项

  fd.delete(key)

    key: 数据名称

get

  该方法用于获取某一项数据

  fd.get(key)

    key: 对应的name值

  返回值就是获取到数据

getAll

  该方法用于获取某个name字段的所有数据

  fd.getAll(key)

    key: 对应的name属性值

  返回值是一个数组

has

  该方法用于判断是否包含某个属性

  fd.has(key)

    key: 对应的name值

  返回值是布尔值:  如果存在,返回true  如果不存在,返回false

set

  该方法用于设置内容的,与append方法不同的是,set方法会覆盖掉之前已经添加的数据

  fd.set(key, value)

    key: 对应的name值 value: 数据

例如发送ajax表单请求,获取数据则很方便:

    技术分享图片

 

ajax2.0提供的FormData

原文:https://www.cnblogs.com/yess/p/14748887.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!