<!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>

使用Jquery必须在页面内引入一个Jquery包

<?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;

?>
<?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";

                    }

                }

            }

        }

    }

?>

php课程---Ajax（老师详解）的更多相关文章

  1. AJAX请求详解 同步异步 GET和POST

    AJAX请求详解 同步异步 GET和POST 上一篇博文(http://www.cnblogs.com/mengdd/p/4191941.html)介绍了AJAX的概念和基本使用,附有一个小例子,下面 ...

  2. $.ajax()常用方法详解(推荐)

    AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分.接下来通过本文给大家介绍ajax一些常用方法,大家有需要可以一起学习. 1.url: 要求为String类型的参数 ...

  3. 触碰jQuery：AJAX异步详解

    触碰jQuery:AJAX异步详解 传送门:异步编程系列目录…… 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML( ...

  4. jQuery调用AJAX异步详解[转]

    AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和X ...

  5. jquery中的ajax方法详解

    定义和用法ajax() 方法通过 HTTP 请求加载远程数据.该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XML ...

  6. 触碰jQuery：AJAX异步详解（转）

    AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和X ...

  7. $.ajax()方法详解 jquery

    $.ajax()方法详解   jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为Str ...

  8. jQuery中 $.ajax()方法详解

    $.ajax()方法详解 jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为Strin ...

  9. $.ajax()方法详解 ajax之async属性 【原创】详细案例解剖——浅谈Redis缓存的常用5种方式（String，Hash，List，set，SetSorted ）

    $.ajax()方法详解   jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为Str ...

  10. $.ajax()属性详解

    $.ajax()方法详解 jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为Strin ...

随机推荐

  1. 记一次小团队Git实践(上)

    公司规模不大,成立之初,选择了svn作为版本控制系统.这对于用惯了git的我来说,将就了一段时间后,极为不爽,切换到git-svn勉强能用.随后,因为产品需要发布不同的版本,而git-svn对远程分支 ...

  2. a标签 打电话 发邮件

    打电话<a href=”tel:010-13220163333″>13220163333</a> 发邮件<a href=”mailto:sb@you.com”>发送 ...

  3. express－15 与生产相关的问题

    执行环境 Express支持执行环境的概念,它是一种在生产.开发或测试模式中运行应用程序的方法.实际上你可以按自己的想法创建很多种不同的环境. 要记住,开发.生产和测试是"标准"环 ...

  4. HTML5优点

    1.标签的改变:<header>, <footer>, <dialog>, <aside>, <figure>, <section&g ...

  5. Color the ball（线段树）

    Time Limit: 9000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submission( ...

  6. [BZOJ2599][Race][IOI2011]点分治

    这是为了真正去学一下点分治..然后看了迪克李的ppt 又是一道写(改)了很久的题..终于ac了 1354799 orzliyicheng 2599 Accepted 31936 kb 23584 ms ...

  7. rhel6用centos163 yum源

    cd /etc/yum.repos.d/ wget wget http://mirrors.163.com/.help/CentOS6-Base-163.repo .repo

  8. js事件绑定细节说明

    javascript绑定事件: 经常用jQuery去写,时间长了对原生态的js事件绑定的知识会慢慢淡化或者遗忘了,必须翻出来再次总结,今天再次把js原生态事件的处理做个总结. 从最初开始,谁刚接触ja ...

  9. BZOJ3072 : [Pa2012]Two Cakes

    考虑DP,设$f[i][j]$表示考虑了$a[1..i]$和$b[1..j]$的最小代价. 若$a[i]==b[j]$,则$f[i][j]=\min(f[i-1][j],f[i][j-1])+1$. ...

  10. hdu1181 变形课

    Problem Description 呃......变形课上Harry碰到了一点小麻烦,因为他并不像Hermione那样能够记住所有的咒语而随意的将一个棒球变成刺猬什么的,但是他发现了变形咒语的一个 ...