aiax登陆页面

登陆页面

<title>无标题文档</title>
<script src="../jquery-1.11.2.min.js"></script>
</head>

<body>
<h1>登陆</h1>
<div>用户名:<input type="text" id="uid" /></div>
<div>密码:<input type="text" id="pwd" /></div>
<div><input type="button" id="btn" value="登陆" /></div>

</body>
<script type="text/jscript">
//给按钮加点击事件
$(document).ready(function(e) {
    $("#btn").click(function(){
        var uid = $("#uid").val();//取uid的值
        var pwd = $("#pwd").val();//取pwd的值
        //调用Ajax
        $.ajax({
            /*async:false,//ajax是同步还是异步,Ajax默认是异步true。同步需要改成false。在数据传输中同步:代表传输必须等到接收方接收到才能传下一个。异步:传输不用等到对方接受就可以继续传递
            在Ajax中:同步代表Ajax必须处理完才能继续向下执行。异步Ajax在处理数据的同时代码继续往下执行
            */
            url:"dengluchuli.php",
            data:{uid:uid,pwd:pwd},
            type:"POST",
            dataType:"taxt",
            success:function(data){
                if(data=="ok")
                {
                    window.location  = "test.php";//如果是ok,跳转页面到test.PHP
                }
                else
                {
                    alert("用户名或密码错误!");
                }
                
                },
                /*error:function(){
                    
                    }//当调用失败的时候用此函数        */    
            })
        
        })
});
</script>

2.登陆处理的页面

<?php
$uid = $_POST["uid"];
$ppwd = $_POST["pwd"];
include("../DBDA.CLASS.PHP");
$db = new DBDA();
$sql = "select count(*) from users where uid='{$uid}' and pwd = '{pwd}'";
$arrt = $db->Query($sql);
if($attr[0][0]==1)
{
    echo "ok";
}
else
{
    echo "no";
}
原文地址:https://www.cnblogs.com/erinzhismile/p/5538566.html