登陆界面ajax实例应用

建立mydbda数据库封装类

mydbda.php

<?php
    class mydbda
    {
        var $host = "localhost";
        var $username = "root";
        var $password = "123";
        var $database = "mydb";

        /**
            功能:执行SQL语句,返回结果
            参数:$sql:要执行的SQL语句
                 $type:SQL语句的类型,CX代表查询,QT代表其他
                 $data:要操作的数据库
            返回值:如果是查询,返回结果集
                  如果是其他语句,执行成功返回OK,失败返回NO
        */
        function Select($sql,$type,$data)
        {

            //1.造连接对象
            $db = new mysqli($this->host,$this->username,$this->password,$data);

            //2.判断是否连接成功
            if(mysqli_connect_error())
            {
                echo "连接失败";

                //退出整个程序
                exit;
            }
            else
            {
                //4.执行SQL语句

                $result = $db->query($sql);

                if($type == "CX")
                {
                    $str = "";

                    while($row = $result->fetch_row())
                    {
                        for($i=0;$i<count($row);$i++)
                        {
                            $str=$str.$row[$i]."^";
                        }
                        $str = substr($str,0,strlen($str)-1);
                        $str = $str."|";

                    }
                    $str = substr($str,0,strlen($str)-1);
                    return $str;
                }
                else
                {
                    if($result)
                    {
                        return "OK";
                    }
                    else
                    {
                        return "NO";
                    }
                }

            }
        }

    }
?>

处理界面源代码

chuli.php

<?php
include("mydbda.php");
/*$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
//1.造连接对象
$db = new mysqli("localhost","root","123","mydb");

//2.判断是否连接成功
if(mysqli_connect_error())
{
    echo "连接失败";

    //退出整个程序
    exit;
}
else
{
    $sql = "select count(*) from login where UserName=‘".$uid."‘ and Password=‘".$pwd."‘";

    $result = $db->query($sql);

    $row = $result->fetch_row();

    if($row[0]==0)
    {
        echo "用户名或密码错误";
    }
    else
    {
        echo "OK";
    }
}*/

$uid = $_POST["uid"];

$db = new mydbda();
$sql = "select count(*) from login where UserName=‘".$uid."‘";

$str = $db->Select($sql,"CX","mydb");

echo $str;
?>

主界面源代码

testajax.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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>
<br />
用户名:
<input type="text" id="uidz"/>
<div style="color:red" id="xs"></div>
</body>

<script type="text/javascript">
$(document).ready(function(e) {

    $("#uidz").blur(function(){
            var uid = $(this).val();
            $.ajax({

                url:"chuli.php",
                data:{uid:uid},
                dataType:"TEXT",
                type:"POST",
                success: function(data){
                        if(data=="1")
                        {
                            $("#xs").text("该用户名已经存在!");
                        }
                        else
                        {
                            $("#xs").text("");
                        }

                    }

                });

        })

    $("#btn").click(function(){

            var uid = $("#uid").val();
            var pwd = $("#pwd").val();

            $.ajax({

                    url:"chuli.php",
                    data:{uid:uid,pwd:pwd},
                    type:"POST",
                    dataType:"TEXT",
                    success: function(data){

                            if(data == "OK")
                            {
                                window.location = "index.php";
                            }
                            else
                            {
                                alert(data);
                            }

                        }

                });

        })

});
</script>

</html>
时间: 2024-10-10 02:41:19

登陆界面ajax实例应用的相关文章

用户登陆界面AJAX

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

php session 登陆界面(实例)

来源:http://blog.csdn.net/dtqzlgj/article/details/6664708/ 代码如下:<html> <head> <title>Login</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <form nam

java web 程序---javabean实例--登陆界面并显示用户名和密码

重点:注意大小写,不注意细节,这点小事,还需要请教 发现一个问题,也是老师当时写的时候,发现代码没错,但是就是运行问题. 大家看,那个java类,我们要求是所有属性均为私有变量,但是方法为公有的,如果方法为不公有的,那么运行就一定有问题,一定声明为public.不写修饰符,就是不对. 这样程序可以运行了,细节.这就是我觉得老师很棒的原因. 一个表单 deng.jsp ? 1 2 3 4 5 6 7 8 <body>   <form action="c.jsp">

WPF和Expression Blend开发实例:模拟QQ登陆界面打开和关闭特效

不管在消费者的心中腾讯是一个怎么样的模仿者抄袭者的形象,但是腾讯在软件交互上的设计一直是一流的.正如某位已故的知名产品经理所说的:设计并非外观怎样,感觉如何.设计的是产品的工作原理.我觉得腾讯掌握了其精髓.在2013版的桌面版QQ中,腾讯的登陆界面在打开的时候有一个展开的过程,而关闭的时候有个收缩的过程.效果如图: 借助WPF和Expression Blend,我们可以轻易的实现这么一个效果,最终用比较慢的速率实现这个效果如下: 这个效果一共能够分成两个部分:展开和收缩,具体的代码如下: 收缩的

[Django]登陆界面以及用户登入登出权限

前言:简单的登陆界面展现,以及用户登陆登出,最后用户权限的问题 正文: 首先需要在settings.py设置ROOT_URLCONF,默认值为: ROOT_URLCONF  = 'www.urls'#用户请求django站点页面首先检查这个模块 这里的www.urls是我的工程www下urls.py文件 urls.py文件主要设置urlpatterns参数,设置如下: urlpatterns= [    url(r'^$', 'login.views.login_view', name='log

Eclipse通过jdbc连接数据库制作简单登陆界面

一.前言: 做网站开发,要求有多种搭配方式,前台技术可以使用PHP.ASP.JSP.ASP.NET.CGI等任何一种: 需要用到的基础语言用的最多的就是HTML/CSS.JS.JAVA.XML这些了,HTML/CSS+JS可以实现对界面的描绘渲染,而JAVA则可以做后台数据处理,XML也是可以当作传输数据的介质(思考:XML比HTML强大这么多,为什么它没能替代HTML?): 这篇文章通过简单的JSP文件实现登陆界面,所以只用到了以下技术: HTML/CSS,简单演示就不做CSS样式了,可自行学

dede后台登陆又返回登陆界面怎么办

dede后台登陆又返回登陆界面......网上说的DATA等文件夹都有写入权限,试过好几种方法都不行! 其实最有可能的原因就是data文件夹的权限问题.大家可以通过FTP看下data文件的权限是否是775,也就是全部都有可读可写可执行的权限.记得把data文件的权限和sessions文件夹的权限改成777,用8Uftp软件进去以后,右键更改文件属性就可以了! 修改完这些以后记得用火狐或者遨游浏览器再登录下看看,360和IE记得要清空浏览器的缓存.第一步才是最重要的. .如果上面两步还不行的话就清

【JavaScript】jQuery Ajax 实例 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :

C# 使用ini格式存储值(比如:登陆界面的用户名和登录号)

这是第一篇博文,以后在平时的开发中通过自己找资料研究出来的东西都定期做个归纳整理出来分享给大家,也便于我自己以后再看看~~~ ps:当然,感觉自己还是个小菜~对于大神来说可能内容比较简单,莫见笑~很多东西也都是网上找来规整出来的,如果对你能有一点点帮助,将是我莫大的荣幸 首先,如果做了一个登陆界面,其中要求输入“用户名”[UserName],密码,才能登陆,为了免于每次打开系统都要输入用户名,所以,我们现在就要实现一个文件存储功能, 文件将以“.ini”格式存储: 写入文件: 1 [DllImp