本文實例講述了PHP使用HTML5 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程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
