FormData 使用详解

教程分享 > WEB技术 > 博文分享 (10444) 2024-04-19 09:53:44

如何创建FormData

创建FormData对象有两种方式,一个是通过已有得form表单进行创建,另一个就是直接创建。

直接创建FormData并赋值

var formData=new FormData();
formData.append("name","左搜");

console.log(formData.get("name"));

输出结果为:

>左搜


通过已有from表单进行创建FormData对象

//var form=$('#formId')[0];//
var form=document.querySelector("#formId");
var fromData=new FormData(form);
console.log(formData.get("name"))

注意:jQuery方式获取得form默认是个数组,需要对其选择第一个数据。

FormData如何取值输出

FormData对象取值需要只用它得get("filedName")方法。方法参数为FormData对象里面得字段名称。

注意:直接对FormData对象进行console.log(formData)是看不到值得,应该使用get方法来测试值是否设置成功。!!!

 

 


 

 

 


相关文章
如何创建FormData创建FormData对象有两种方式,一个是通过已有得form表单进行创建,另一个就是直接创建
Form前置准备首先我们有一个表单<form id="params"&gtl; <input name="userName" value="123"&gtl; <...
问题描述JQuery_ajax formData 上传文件报错:Uncaught TypeError: Illegal invocationJquery 版本2.1.4$.ajax({ t...
Jquery 对form表单对象直接使用reset()方法是无法生效得,而且可能报错没有reset()这个方法
form-data :Content-Type:multipart/form-data;boundary= x-www-from-urlencoded:Content-Type:appli...
通过之前的一些文章spring boot 2.3 hibernate validate框架未引入-左搜 (leftso.com)Spring boot 参数分组校验-左搜 (leftso.com...
HTML5+ajax上传图片/文件以及FormData使用简单讲解,HTML5,ajax上传文件,ajax
 bootstrapValidator 创建/重置/手动验证使用详解  bootstrapValidator 初始化  function initValidator() { $("#d...
IE9 jQuery ajax文件上传兼容问题解决。主要通过jQuery的jquery.form插件解决的IE9不支持formData的文件上传问题。
jQuery checkbox获取选中状态let check=$(this).is(':checked') console.log(check); // true /false注意通过form...
前言Web项目开发一般接口入参都有校验需求,Vert.x 4 目前已有插件实现参数校验,引用之前的项目《Vert.x 4 Web应用初识》源码 引入验证插件ma
summernote 粘贴图片上传到服务器以下为关键代码//初始化富文本 $('#description').summernote('destroy'); ...
SpringCloud微服务Feign内部传递MultipartFile通过openfeign传递MultipartFile外部访问端  注意这边需要设置入参的类型()consumes = Me...
1.引入依赖js文件<script type="text/javascript" src="/plugin/ckeditor5/ckeditor.js"&gtl;</s
ckeditor5 图片上传地址配置,ckeditor5和4的图片上传配置有点不一样。首先是确定你选的上传支持插件是什么,我这里是下面这个插件ckfinder