jQuery FormData使用方法

最新推荐文章于 2024-07-29 03:33:57 发布

dizan4060

最新推荐文章于 2024-07-29 03:33:57 发布

阅读量1.4k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/loveer/p/11354691.html

版权

本文深入解析了FormData对象在处理表单数据和文件上传中的关键作用，介绍了如何利用FormData构造函数创建对象，通过append()方法追加数据，以及get()、getAll()、set()和delete()等方法的使用技巧。

摘要由CSDN通过智能技术生成

FormData的主要用途

将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。
异步上传文件

注：FormData 对象的字段类型可以是 Blob, File, 或者 string，如果它的字段类型不是Blob也不是File，则会被转换成字符串。

使用

//通过FormData构造函数创建一个空对象
var formdata=new FormData();

//可以通过append()方法来追加数据
formdata.append("name","laotie");

formData.append(name, value);
formData.append(name, value, filename);

参数：
name：表单name，
value：表单value，
filename：传给服务器的文件名称 
当一个 Blob 或 File 被作为第二个参数的时候， Blob 对象的默认文件名是 "blob"，File 对象的默认文件名是该文件的名称。

//获取
formdata.get("name");    //laotie
getAll() 方法：getAll()方法会返回该 FormData 对象指定 key 的所有值。

//通过set方法对值进行设置
formdata.set("name","laoliu");

//删除
formdata.delete('name')

转载于:https://www.cnblogs.com/loveer/p/11354691.html