free性中国熟女hd,亚洲欧美日韩国产成人,精品亚洲国产成av人片传媒

首頁 > 博客列表 > 初始AJAX-post

博主信息

博文 65

粉絲 3

評論 4

訪問量 79718

專題推薦

更多>

相關(guān)推薦

熱門教程

更多>

相關(guān)教程

實例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
    <style type="text/css">
        div{
            width: 200px;
            margin: auto;
        }
    </style>
</head>
<body>
<div>
            <h2>用戶驗證</h2>

                <label for="email">郵箱:</label>
                <input type="email" name="email" id="email"> <br>

                <label for="password">密碼:</label>
                <input type="password" name="password" id="password"> <br>

                <button>驗證</button> 
</div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">

    $('button').click (function(){

            $.post(
                'post.php?m=login',
                {           
                    "email": $('#email').val(),
                    "password": $('#password').val()        
                }, 
                function(data){
                    if (data == '1') {
                        alert('你好，你的賬號密碼正確')
                    } else {
                        alert('你好，你的賬號密碼不正確')  
                    }
                })

        
        //禁用默認提交
        return false
    })

            
</script>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例