JS - FormData详解

JavaScript017

JS - FormData详解,第1张

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

2、异步上传文件

1、创建一个空对象:

2、通过表单对formData进行初始化

创建表单:

通过表单元素作为参数,实现对formData的初始化:

1、通过get(key)与getAll(key)来获取相对应的值

2、通过append(key,value)在数据末尾追加数据

3、通过set(key, value)来设置修改数据

key的值不存在,会添加一条数据

key的值存在,会修改对应的value值

4、通过has(key)来判断是否存在对应的key值

5、通过delete(key)可以删除数据

创建表单:

发送数据:

var a = document.createElement("form")

var b = document.createElement("input")

var c = b

b.setAttribute("type","text")

c.setAttribute("type","submit")

b.setAttribute("name","1")

c.setAttribute("name","2")

document.body.appendChild(a)

a.appendChild(b)

a.appendChind(c)

提交是:

c.click()

制造submit按钮的点击时间,自动完成确认

参考示例如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312"/>

<title>js  form 表单传递变量参数</title>

</head>

<body>

<form id="testForm"  name="testForm" method="post" >

<input type="text" name="name" /><br/>

<input type="button" onClick="to_submit()" value="提交"/>

</form>

<script language="javascript">

   //定义变量

   var str='hello'

   //获取form表单     

   var formdeal= document.getElementById("testForm")

   //制定表单action地址,可以加一些变量参数

   formdeal.action="deal.php?parms="+str

   alert( formdeal.action)

   //制定跳转页面打开方式,默认的是_self,如果想在新窗口打开,可以用_blank

   formdeal.target="_self"

   

   //提交表单

   formdeal.submit()

    

}

</script>

</body>

</html>