FormData 使用详解

位置:首页>文章>详情   分类: 教程分享 > WEB基础   阅读(3620)   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方法来测试值是否设置成功。!!!

 

 


 

 

 

标签2: FormData form
地址:https://www.leftso.com/article/691.html

相关阅读

如何创建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()这个方法
 bootstrapValidator 创建/重置/手动验证使用详解  bootstrapValidator 初始化  function initValidator() { $("#d...
jQuery checkbox获取选中状态let check=$(this).is(':checked') console.log(check); // true /false注意通过form...
summernote 粘贴图片上传到服务器以下为关键代码//初始化富文本 $('#description').summernote('destroy'); ...
ckeditor5 图片上传地址配置,ckeditor5和4的图片上传配置有点不一样。首先是确定你选的上传支持插件是什么,我这里是下面这个插件ckfinder upload adapter以次控...
Ajax Post 下载文件通过原生js实现function ajaxPostDownload(url,fileName,callback) { let xhr = new XMLHt...
CKEditor 5 不重新构建移除某个plugin控件组件参考代码:ClassicEditor .create( document.querySelector...