<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"> window.onload=function() { var fm=document.getElementsByTagName("form")[0]; fm.onsubmit=function() { //var username=document.getElementById("username").value; // var password=document.getElementById("password").value; // var email=document.getElementById("email").value; //var fmdata="username="+username+"&password="+password+"&email="+email; var fmdata=new FormData(fm); var xhr=new XMLHttpRequest(); xhr.onreadystatechange=function() { if(xhr.readyState==4) { alert(xhr.responseText); } } xhr.open("POST","/1.php"); //使用formData不用设置表头 //xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.send(fmdata); return false; } } </script> </head> <body> ajax+FormData+javascript 实现无刷新表单注册 <form method="post"> 姓名<input name="username" type="text" id="username"> <br> 密码<input name="password" type="password" id="password"> <br> 邮箱<input name="email" type="text" id="email"> <br> <input type="submit" value="提交"></form> </body> </html>