亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

原生Ajax: 表單驗(yàn)證

??? 2019-03-28 15:28:37 184
????：<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>原生Ajax: 表單驗(yàn)證 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原生Ajax: 表單驗(yàn)證</title>
</head>
<body>
    <form>
        <p>郵箱:<input type="email" name="email" value="admin@155.com"></p>
        <p>密碼:<input type="password" name="password"></p>
    </form>
    <p><button onclick="check()" type="button">登錄</button></p>
    <P id="tips"></P>
</body>
</html>
<script>
 function check(){
        var forms = document.forms[0];

 var xhr = new XMLHttpRequest();

 xhr.onreadystatechange = function(){
            if(xhr.readyState == 4 && xhr.status == 200){
                var obj = JSON.parse(xhr.responseText);
 if(obj.code == 0){
                    document.getElementById('tips').style.color = 'blue';
 document.getElementById('tips').innerHTML = obj.msg;
 }
                if(obj.code == 1){
                    document.getElementById('tips').style.color = 'red';
 document.getElementById('tips').innerHTML = obj.msg;
 }
            }
        }

        xhr.open('post','check.php',true);
 xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
 var data = 'email='+forms.email.value+'&password='+forms.password.value;
 xhr.send(data);
 }
</script>


?? ???：天蓬老師?? ??：2019-03-28 17:07:11
???? ??：寫得不錯(cuò)嘛, 現(xiàn)在還能寫好這些原生代碼的人不多了,辛苦了

??? ??

?? ??