什么是formData

可以用作：序列化表
使用：

var formData=new FormData()

定义一个表单，定义上name属性

<form id="myForm" action="" method="post"><input type="text" name="name">名字<input type="password" name="psw">密码<input type="submit" value="提交">
</form>

获取表单：

var form = document.getElementById("myForm");

用表单来初始化：

var formData = new FormData(form);

得到表单中输入框的值：

var name=formDate.get('name') //获取名字输入框的值
var name=formDate.get('pwd')//获取密码输入框的值

不仅仅可以获取，也可以添加：

formData.append('test','centent')   // 添加一个数据test，值为centent

可以修改：

formData.set('test','update')   // 修改一个数据test，值为update

相应的方法还有delete has

用处

form-data格式一般是用来进行文件上传的；使用表单上传文件时，表单的enctype属性为：enctype="multipart/form-data"。表单的该属性默认值为：application/x-www-form-urlencoded
ajax调用接口，将formData作为参数，传参的格式会自动转为form-data格式。

注：processData、contentType一定要关闭

$.ajax({url: '/upload',type: 'post',processData: false, //必须 缓存关了contentType: false, //必须 关闭 设置 数据格式（以 数据本身格式为准 xxxxx urlencoded）//  用来处理上传二进制文件data: formData,success: function(res){console.log(res);if(res.code === 0) {alert(res.msg);}}})

什么是formData相关推荐

PHP Multipart/form-data remote dos Vulnerability
catalog 1. Description 2. Analysis 1. Description PHP is vulnerable to a remote denial of service, c ...
php ajax formdata 进度,使用formdata使用ajax将数据发送到PHP
解决方案:我必须放下sumbmit按钮并使用常规按钮.该代码的其余部分起作用.我也放弃了HTML表单. 我试图发送一个图像+一些文本到我的PHP脚本与Ajax使用formdata. 这就是我得到的: ...
java post 500_Post请求form-data格式时请求返回500的问题
问题描述:测试反馈说系统所有的接口,采用post请求,数据格式用form-data时,所有的接口不能成功调用,但使用application/x-www-form-urlencoded或者applica ...
vue element upload 控件用form-data上传方式导入xls文件
<el-uploadstyle="margin-right: 10px ...
Posted content type isn't multipart/form-data
版权声明:欢迎转载,请注明沉默王二原创. https://blog.csdn.net/qing_gee/article/details/48712507 在有文件上传的表单提交过程中,搞不好就会报Po ...
一个接口同时支持 form 表单、form-data、json 的优雅写法
欢迎关注方志朋的博客,回复"666"获面试宝典来源:https://juejin.cn/post/7054441239839506446 最近重写个项目遇到个比较棘手的问题,老项 ...
application/x-www-form-urlencoded multipart/form-data text/plain 的区别和作用
我们知道在通过POST方式向服务器发送AJAX请求时最好要通过设置请求头来指定为application/x-www-form-urlencoded编码类型.知道通过表单上传文件时必须指定编码类型为&q ...
post传值php取不到数据,post请求中的参数形式和form-data提交数据时取不到的问题...
@Controller 页面form表单请求时不会丢数据返回json数据时需要加注解@ResponseBody 请求格式如下 @ResponseBody public Object login(S ...
ajax formdata提交上传,Ajax提交用FormData()上传文件
1.form声明如下 2.ajax设置如下 var formData = new FormData(document.getElementById("form")); $.ajax ...
python爬虫：Multipart/form-data POST文件上传详解
简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form method="post"action=&qu ...

什么是formData

什么是formData

用处

什么是formData相关推荐

最新文章

热门文章