FormData用法详解

「已注销」

于 2021-12-03 23:31:37 发布

阅读量588

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_44316317/article/details/121709191

版权

本文详细介绍了FormData对象的创建和操作方法，包括如何初始化对象、如何添加和获取数据、检查数据存在性以及删除数据。此外，还提到了使用HTML表单字段与FormData的交互，并给出了JQuery实际操作的例子。

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

FormData用法详解

一.创建一个formData对象实例的方式

1、创建一个空对象

var formData = new FormData();//通过append方法添加数据

2、使用已有表单来初始化对象

//表单示例



<form id="myForm" action="" method="post">



    <input type="text" name="name">名字



    <input type="password" name="psw">密码



    <input type="submit" value="提交">



</form>



 



//方法示例



// 获取页面已有的一个form表单



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



// 用表单来初始化



var formData = new FormData(form);



// 我们可以根据name来访问表单中的字段



var name = formData.get("name"); // 获取名字



var psw = formData.get("psw");

最低0.47元/天解锁文章