<!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. [BZOJ 2957]楼房重建（THU2013集训）（分块思想）

    题目:http://www.lydsy.com/JudgeOnline/problem.php?id=2957 分析: 首先明确问题,对于每栋楼房的斜率K=H/X,问题就是问有多少个楼房的K比前面所有 ...

  2. Oracle 创建表空间一边串过程

    1.打开SQL Plus,根据提示输入用户名密码登录. 注意:如果是系统用户的话,只能用sysdba登录.例如:sys as sysdba,输入User的密码进行登录. 2.登录成功后,首先创建表空间 ...

  3. Myeclipse中创建Maven工程的时候没有 webapp-javaee6

    1. http://mvnrepository.com/artifact/org.codehaus.mojo.archetypes/webapp-javaee6/1.5 中有描述

  4. jquery.easing.js的使用

    jquery.easing.js是个好东西,各种动画效果扩展,加强和丰富了jquery自带的各种动画函数 box点击就会像移动出弹簧效果,$(obj).animate(目前状态,时间,效果,回调函数) ...

  5. 一个简单的dos脚本， svn 获取代码 - Tomcat 备份 - Maven 编译 - 停止/启动Tomcat - Tomcat站点 发布

    获取最新代码 svn update --username %SVN_USER% --password %SVN_PASSWORD% >> "../%LOG_FILE%" ...

  6. DFS Codeforces Round #290 (Div. 2) B. Fox And Two Dots

    题目传送门 /* DFS:每个点四处寻找,判断是否与前面的颜色相同,当走到已走过的表示成一个环 */ #include <cstdio> #include <iostream> ...

  7. ie不支持getElementsByClassName的解决办法

    目前可以这么解决,判断浏览器支不支持这个方法,如果支持就不管:如果不支持,就在document对象里加入getElementsByClassName这个方法,按兴趣的朋友可以了解下 if (navig ...

  8. LightOJ1036 A Refining Company（DP）

    题目大概说有一个n*m的格子地图,每个格子有铀或者镭矿.地图最北面的镭矿加工厂,最西面有铀矿加工厂,而要通过在格子里铺设由南向北(镭)或由东向西(铀)的轨道来送矿物到加工厂.一个格子只能铺设一种轨道, ...

  9. PE的一些水 3-50

    T3: 分解质因数. lalala T4: 暴模. 然而数学方法怎么搞?---->也就是怎么手算?... 于是看了一下讨论区...发现原来我的数学已经低于小学生水平了... 我们把答案abccb ...

  10. ACM: HDU 1028 Ignatius and the Princess III-DP

     HDU 1028 Ignatius and the Princess III Time Limit:1000MS     Memory Limit:32768KB     64bit IO Form ...