PHP使用HTML5 FormData对象提交表单操作示例

本文的例子讲述了PHP如何使用HTML5 FormData对象提交表单。分享给大家参考，如下：

这是HTML5中新增的一个Api，可以以表单对象为参数自动封装FormData。ajax发送数据时，会发送FormData对象，达到发送表单数据的目的。

创建：

参数是一个表单节点对象

var FM=document . getelementbyid(' formid ')；var fd=新表单数据(FM)；优点：

(1)过去ajax发出post请求时，当提交的数据很多时，需要拼接请求的字符串，比如k1=v1k2=v2.这在使用FormData对象时是不必要的，这样可以节省工作量并防止人为的拼写错误。

(2)2)FormData对象不仅可以读取表单数据，还可以自己添加数据

fd.append(名称、值)；案例：

提交表单

渲染：

文件结构图：

10-formdata.html文件：

！doctype html head metharset=' utf-8 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title formData用法/titlelink rel='样式表' href=' '/head script/* * * from data :表单数据对象*这是HTML5中的一个新API *它可以以表单对象为参数自动打包表单数据*当ajax发送数据时，发送此表单数据*以达到以表单形式发送数据的目的*/function send(){ var FM=document elementby。var fd=新表单数据(FM)；//创建FormData对象var xhr=new XMLHttpRequest()；//创建xhr对象xhr.open ('post '，' 10-formdata.php '，true)；//配置请求参数//设置状态回调函数xhr . onreadystatechange=function(){ if(this。ready state==4 this . status==200){ document . getelementbyid(' debug ')。innerhtml=this.responsetext} }//说明formdata对象不仅可以读取表单数据，还可以自行追加数据fd.append('Single '，false)；xhr . send(FD)；//发送请求}/scriptbody表单id='tform '用户名：输入类型=' text' name=' username'/br/age:输入类型='text' name='age'/br/电子邮件地址：输入类型='text' name='email'/Br/性别：input type=' text ' name=' sex '/Br/input type=' button ' value=' Ajax send ' onclick=' send()；'//formdiv id=' debug '/div/body/html 10-formdata . PHP文件：

？Php/** *使用formData * @ author webbc */print _ r($ _ POST)提交表单；更多对PHP相关内容感兴趣的读者可以查看本网站专题：《php文件操作总结》、《PHP目录操作技巧汇总》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》、《PHP网络编程技巧总结》、0103010

希望本文对PHP编程有所帮助。