php课程---Ajax（老师详解）

时间：2022-01-10 23:05:34
<!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. &dollar;&period;ajax&lpar;&rpar;常用方法详解&lpar;推荐&rpar;

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

  3. 触碰jQuery：AJAX异步详解

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

  4. jQuery调用AJAX异步详解&lbrack;转&rsqb;

    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. &dollar;&period;ajax&lpar;&rpar;方法详解 jquery

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

  8. jQuery中 &dollar;&period;ajax&lpar;&rpar;方法详解

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

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

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

  10. &dollar;&period;ajax&lpar;&rpar;属性详解

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

随机推荐

  1. Android SDK Android NDK Android Studio 官方下载地址

    2016.12 Android Studio Windows Includes Android SDK https://dl.google.com/dl/android/studio/install/ ...

  2. Ubuntu编译源码程序依赖查找方法

    ubuntu平时编译源码程序的时候会提示缺少相关的库或是头文件,可以按照以下两种方法进行查找,然后再安装相应的软件包. 1.使用apt-file查找头文件 安装apt-file sudo apt-ge ...

  3. dojo使用疑难杂症集锦

    最近在用dojo做项目, 把使用过程中遇到的一些问题记录下来, 方便以后查阅, 因为问题不断, 所以持续更新中.......... 嵌套 TabContainer 时会出现样式问题: tab控制样式问 ...

  4. 转&colon; Oracle中的物化视图

    物化视图创建语法:CREATE MATERIALIZED VIEW <schema.name>PCTFREE <integer>--存储参数PCTUSED <intege ...

  5. javadoc简介

    Javadoc是Sun公司提供的一个技术,它从程序源代码中抽取类.方法.成员等注释形成一个和源代码配套的API帮助文档.也就是说,只要在编写程序时以一套特定的标签作注释,在程序编写完成后,通过Java ...

  6. Nutch是个不错的选择

    对搜索引擎的理解:我们并没有google 的源代码,因此学习搜索引擎Nutch是个不错的选择.了解一个大型分布式的搜索引擎如何工作是一件让人很受益的事情.在写 Nutch的过程中,从学院派和工业派借鉴 ...

  7. bookStore第三篇【用户模块、购买模块、订单模块】

    用户模块 要登陆后才能购买,因此我们先写购买模块 设计实体 private String id; private String username; private String password; p ...

  8. 2019年5月1日起安卓应用应基于API 26开发，那么API等级是啥？

    2019年5月1日起安卓应用应基于API 26开发,那么API等级是啥? 转 https://www.ithome.com/html/android/372234.htm   据泰尔终端实验室公众微信 ...

  9. 学号 20175201张驰 《Java程序设计》第4周学习总结

    学号 20175201张驰 <Java程序设计>第4周学习总结 教材学习内容总结 第5章 继承:避免多个类间重复定义共同行为,用我们已经有的类,去创建新的类 任何子类都可以继承它的父类的成 ...

  10. iphone手机在网页返回上一页时，部分字体变大问题

    最近做一个项目是,发现了一个iphone的兼容性问题,在返回上一页后,部分字体会变大,刷新就会正常. 经过总结,发现都是span标签里面的字体变大.经过查询发现,需要给span添加一个属性:displ ...

相关文章