介绍 var fm =, . getelementbyid (& # 39; formid& # 39;);
var fd =, new FormData (fm); fd.append(名称,值); & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt;才能meta charset=皍tf-8"比;
& lt;才能meta http-equiv=癤-UA-Compatible",内容=癐E=edge"比;
& lt;才能title> FormData使用& lt;/title>
& lt;才能link rel=皊tylesheet", href=啊氨?
& lt;/head>
& lt; script>
,/* *
,,*,FromData:表单数据对象
,,*,这是HTML5中新增的一个Api
,,*,他能以表单对象作为参数,自动的把表单的数据打包
,,*,当ajax发送数据时,发送这个formData
,,*,达到发送表单内数据的目的
,,*/function 才能发送(){
,,,var fm =, . getelementbyid (& # 39; tform& # 39;);
,,,var fd =, new FormData (fm);//创建FormData对象
,,,var xhr =, new XMLHttpRequest();//创建xhr对象
,,,xhr.open(& # 39;文章# 39;& # 39;10-formdata.php& # 39;, true);//配置请求参数
,,,//设置状态回调函数
,,,xhr.onreadystatechange =, function () {
,,,,,如果(this.readyState ==, 4,,,, this.status ==, 200) {
,,,,,,,. getelementbyid(& # 39;调试# 39;).innerHTML =, this.responseText;
,,,,,}
,,,}
,,,//说明formdata对象不仅可以读取表单的数据,也可以自行追加数据
,,,fd.append(& # 39;单# 39;,假);
,,,xhr.send (fd);//发送请求
,,}
& lt;/script>
& lt; body>
& lt;才能form id=皌form"比;
,,,用户名:& lt; input 类型=皌ext", name=皍sername"/祝辞& lt; br/比;
,,,年龄:& lt; input 类型=皌ext", name=癮ge"/祝辞& lt; br/比;
,,,邮箱:& lt; input 类型=皌ext", name=癳mail"/祝辞& lt; br/比;
,,,性别:& lt; input 类型=皌ext", name=皊ex"/祝辞& lt; br/比;
,,,& lt; input 类型=癰utton", value=癮jax发送“,onclick=胺⑺?);“/比;
& lt;才能/form>
& lt;才能div id=癲ebug"祝辞& lt;/div>
& lt;/body>
& lt;/html> & lt; php ?/* *
,*使用formData提交表单
,* @author webbc
,*/print_r ($ _POST);
?在
怎么在PHP中使用FormData对象提交表单?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
这是HTML5中新增的一个Api,他能以表单对象作为参数,自动的把表单的数据打包,当ajax发送数据时,发送这个FormData对象,以达到发送表单数据的目的。
<强>创建:
参数是一个形式节点对象
<>强优点:
(1)在以往的ajax做帖子请求时,当提交的数据比较多时,需要拼接请求的字符串,如:<代码> k1=v1& k2 v2=?
(2) FormData对象不仅可以读取表单的数据,也可以自行追加数据
<强>案例:
提交表单
效果图:
文件结构图:
10-formdata。html文件:
10-formdata。php文件:
关于怎么在PHP中使用FormData对象提交表单问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。
