ajax+FormData+javascript 实现无刷新表单注册 

<!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>

 

posted @ 2016-05-04 22:36  自由无风  阅读(209)  评论(0)    收藏  举报