jQuery FormData使用方法

欢迎光临我的博客[http://poetize.cn],前端使用Vue2,聊天室使用Vue3,后台使用Spring Boot

FormData的主要用途

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

注: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')
posted @ 2019-08-14 21:03  LittleDonkey  阅读(1859)  评论(0编辑  收藏  举报