php课程---Ajax(老师详解)

<!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";
                    }
                }

            }
        }

    }
?>
时间: 2024-08-05 19:31:03

php课程---Ajax(老师详解)的相关文章

ajax入门详解

l 一个实例 在开始正式讲解 Ajax之前,首先让我们先来看看Google Map使用Ajax改善其产品设计的效果. 1. 在浏览器地址栏中输入http://maps.google.com打开Google Map的界面. 2. 在页面顶端的搜索框中输入“China”,单击“Search”按钮. 3. 单击地图右上角的“Satellite”按钮,切换到卫星界面. 4. 调整地图左上角的尺寸,方法或者缩小当前区域.可以看到,地图区域的图象根据标尺的位置快速的变换. 5. 按住鼠标左键,拖拽地图,地图

触碰jQuery:AJAX异步详解

触碰jQuery:AJAX异步详解 传送门:异步编程系列目录…… 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和XHTML来表示. 2)   使用DOM模型来交互和动态显示. 3)   使用XMLHttpRequest来和服务器进行异步通信. 4)   使用javascript来绑定和调用.

Jquery ajax 参数 详解

Jquery ajax 参数主要如下: url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步

触碰jQuery:AJAX异步详解(转)

AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和XHTML来表示. 2)   使用DOM模型来交互和动态显示. 3)   使用XMLHttpRequest来和服务器进行异步通信. 4)   使用javascript来绑定和调用. 通过AJAX异步技术,可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请

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

AJAX请求详解 同步异步 GET和POST 上一篇博文(http://www.cnblogs.com/mengdd/p/4191941.html)介绍了AJAX的概念和基本使用,附有一个小例子,下面基于这个例子做一些探讨. 同步和异步 在准备请求的时候,我们给open方法里传入了几个参数,其中第三个参数为true时,表示是异步请求: //1. prepare request xmlHttpRequest.open("GET", "AjaxServlet", tru

jquery中的ajax方法详解

定义和用法ajax() 方法通过 HTTP 请求加载远程数据.该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性.最简单的情况下,$.ajax() 可以不带任何参数直接使用.注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置. 语法 jQuery.ajax([settings])

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

AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分.接下来通过本文给大家介绍ajax一些常用方法,大家有需要可以一起学习. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆

jQuery Ajax用法详解

[详解]jquery  ajax在web应用开发中常用,主要包括有ajax,get,post,load,getscript等这几种常用无刷新操作方法,下面来给大家介绍一下.我们首先先从最简单的方法看起. 我们先从最简单的方法看起,处理复杂的ajax请求时,jquery使用jquery.ajax()方法进行处理,在jquery中有一些简单的方法,他对jquery.ajax()方法进行了封装,是的我们在处理一些简单的ajax事件时,不需要使用jquery.ajax()方法,其中有些方法在之前的文章已

Jquery使用ajax参数详解

记录一下Jquery使用ajax(post.get及参数详解) 1.get: 1 $.ajax({ 2 type: "GET", 3 url: baseUrl + "Showcontent/del_user?type=1&id=" + id + "&r=" + Math.random(), 4 async: true, 5 error: function () { 6 alert("Connection error&qu

转载:Ajax基础详解&amp;&amp;http填坑2

这篇文章是网上看到的一片博文,比较干练的总结了AJAX的基础东西和相关的http的知识,适合AJAX入门. 同步请求和异步请求 先解释一下同步和异步的概念: 同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式. 异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式. 同步请求: 客户端请求(等待)->服务端处理->响应->页面载入 (缺少对象:XMLhttpRequest)这时候如果有错误,只能再次发送请求,再次等待 异步请求: 比如当你填