怎么在PHP中使用FormData对象提交表单?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
这是HTML5中新增的一个Api,他能以表单对象作为参数,自动的把表单的数据打包,当ajax发送数据时,发送这个FormData对象,以达到发送表单数据的目的。
创建:
参数是一个form节点对象
var fm = document.getElementById('formid'); var fd = new FormData(fm);
优点:
(1)在以往的ajax做post请求时,当提交的数据比较多时,需要拼接请求的字符串,如:k1=v1&k2=v2...
,使用FormData对象时不需要这样,可以节省工作量,也防止人为拼写错误。
(2)FormData对象不仅可以读取表单的数据,也可以自行追加数据
fd.append(name,value);
案例:
提交表单
效果图:
文件结构图:
10-formdata.html文件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>FormData使用</title> <link rel="stylesheet" href=""> </head> <script> /** * FromData:表单数据对象 * 这是HTML5中新增的一个Api * 他能以表单对象作为参数,自动的把表单的数据打包 * 当ajax发送数据时,发送这个formData * 达到发送表单内数据的目的 */ function send(){ var fm = document.getElementById('tform'); var fd = new FormData(fm);//创建FormData对象 var xhr = new XMLHttpRequest();//创建xhr对象 xhr.open('POST','10-formdata.php',true);//配置请求参数 //设置状态回调函数 xhr.onreadystatechange = function (){ if(this.readyState == 4 && this.status == 200){ document.getElementById('debug').innerHTML = this.responseText; } } //说明formdata对象不仅可以读取表单的数据,也可以自行追加数据 fd.append('Single',false); xhr.send(fd);//发送请求 } </script> <body> <form id="tform"> 用户名:<input type="text" name="username"/><br/> 年龄:<input type="text" name="age"/><br/> 邮箱:<input type="text" name="email"/><br/> 性别:<input type="text" name="sex"/><br/> <input type="button" value="ajax发送" onclick="send();"/> </form> <div id="debug"></div> </body> </html>
10-formdata.php文件:
<?php /** * 使用formData提交表单 * @author webbc */ print_r($_POST); ?>
关于怎么在PHP中使用FormData对象提交表单问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。