ajax实现登录处理

用ajax做一个简单的登录处理

1.在body里面添加内容

<div>账号：<input type="text" id="uid" /></div>
<div>密码：<input type="password" id="pwd" /></div>
<input type="button" value="登录" id="btn" />

2.写入ajax代码 来实现调取用户名和查询数据库

<script type="text/javascript">

$("#btn").click(function(){
        //取用户名和密码
        var uid = $("#uid").val();
        var pwd = $("#pwd").val();
        
        //调AJAX来查询数据库
        $.ajax({
                url:"logincl.php",
                data:{u:uid,p:pwd},
                type:"POST",
                dataType:"TEXT",
                success: function(data){
                        if(data.trim()=="OK")
                        {
                            window.location.href="test.php";//成功之后返回当前页面
                        }
                        else
                        {
                            alert("用户名或密码错误");
                        }
                    }
            });
    })

</script>

3.ajax登录处理界面

<?php
include("../fengzhuang/DBDA.class.php");//引入封装
$db = new DBDA();
$uid = $_POST["u"];//获取input中输入的用户名
$pwd = $_POST["p"];//获取input中输入的密码

$sql = "select pwd from users where uid='{$uid}'";//从数据库中查询是否和输入的用户名一致
$attr = $db->Query($sql);
if(!empty($pwd) && !empty($attr) && $attr[0][0]==$pwd)
{
    echo "OK";
}
else
{
    echo "NO";
}