<!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. for的冒泡排序练习题

    这是一个冒泡排序的方法,请汲取其中的思想.有一组数: 1,2,3,4,5,6请将这组数用降序排列.我们可以将数组里面的数两两相比,如果第二个数比第一个数大,那么将第二个数值与第一个数值交换,然后让其循 ...

  2. PHP 使用 OSS 批量上传图片

    <?php set_time_limit(0); // 引入自动加载类// 确保路径是否正确 require_once 'autoload.php'; // 确定参数 需要申请 $accessK ...

  3. angular.bind() 函数

    angular.bind bind 函数有三个参数, 参一:是一个对象 参二:是一个 function 参三:是用来给参二传参数的,可写可不写,看你心情 参数也可以在调用函数的时候传,也可以当做第三个 ...

  4. eclipse 异常Unhandled event loop exception解决办法

    http://blog.csdn.net/leiswpu/article/details/26712709

  5. server返回arraylist时，juqery在客户端的处理

    首先,要添加命名控件如下: using System.Web.Services;   server端的方法 [WebMethod()] public static ArrayList GetAuthB ...

  6. ArcGIS 点到直线的距离

    /****点到直线的距离*** * 过点(x1,y1)和点(x2,y2)的直线方程为:KX -Y + (x2y1 - x1y2)/(x2-x1) = 0 * 设直线斜率为K = (y2-y1)/(x2 ...

  7. 疯狂java学习笔记之面向对象(九) - 抽象和接口

    一.抽象(abstract): 1.抽象类: 使用abstract修饰的类就是抽象类; 相比于普通类抽象类增加了支持抽象方法的功能,但也丢失了创建实例的功能(抽象类中不能创建实例),其他普通类有的抽象 ...

  8. 疯狂java学习笔记之面向对象(四) - this关键字

    Java中this关键字主要有以下两个方法: 1.this引用 - 可用于任何非static修饰的方法和构造器中,当this用于方法中时,它代表调用该方法的实例/对象;当this用于构造器中时,它代表 ...

  9. Ue4中的框选函数

    void AHUD::GetActorsInSelectionRectangle(TSubclassOf<class AActor> ClassFilter, const FVector2 ...

  10. Ue4的GitHUB版本版本管理探索

    GitHUB是学生党或者业余爱好者不错的选择,如果大家都处在一个局域网一下还是推荐用SVN,毕竟GitHUB的私有仓库要钱,而且网速难以忍受. 首先说一下:Ue4 4.10 默认生成一下文件与文件夹 ...