aiax登陆页面

Posted 随亦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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";
}

 

以上是关于aiax登陆页面的主要内容,如果未能解决你的问题,请参考以下文章

学习aiax(javascript)--页面无刷新用ajax检查用户名是否已注册(POST方式)

JSP 设计教师与学生不同登陆界面(带验证码)

学习aiax(javascript)--省份-城市二级下拉联动(POST方式)

(转)博客园登陆__JSEncrypt 分析

jQuery Aiax

asp.net页面实用代码片段