在PHP基础的学习过程中经常会遇到对页面的局部刷新。

比如说，我们在填写用户名的同时，对数据库中的信息进行验证，检查是否充分。

这时就要用到AJAX实现页面的动态加载。

下面例子是简单的PHP与AJAX交互的方法：

PHP+AJAX+MySQL

首先是html部分

ajax.html

<html>

<head>

    <!--加载jquery库-->

    <script src="http://code.jquery.com/jquery-latest.js"></script>

    <!--加载js-->

    <script type="text/javascript" src="ajax_test.js"></script>

</head>

<body>

    <input class="input" type="text" name="name" onkeyup="nameCheck(this.value)">

</body>

</html>

然后是AJAX部分：

ajax_test.js

/*

    动态检查用户名是否重复

    当用户名栏有键盘动作时调用

    会通过PHP检查MySQL数据库中用户名是否等于输入

*/

function nameCheck(str) {

    //判断输入是否不为空

    if (str.length !== 0) {

        //不为空则启动AJAX进行局部刷新

        if (window.XMLHttpRequest) {

            // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码

            xmlhttp = new XMLHttpRequest();

        } else {

            //IE6, IE5 浏览器执行的代码

            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

        }

        //处理函数

        xmlhttp.onreadystatechange = function() {

            //readyState为4时服务器响应完成

            //status=200时交易成功

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                //判断PHP返回值

                if (xmlhttp.responseText == '1') {

                    //返回1说明用户名重复，弹出窗口

                    alert("用户名重复！");

                }

            }

        };

        //规定请求的类型、URL 以及是否异步处理请求。

        xmlhttp.open("GET", "checkName.php?name=" + str, true);

        //发送

        xmlhttp.send();

    }

}

之后是处理数据库的php部分

checkName.php

<?php

/*

    该脚本用于判断数据库中是否存在AJAX传来的值

*/

//从请求URL地址中获取 name参数

$name=$_GET["name"];

//通过mysqli连接数据库

//参数分别为(服务器地址,用户名,密码,数据库名)

$con = new mysqli("localhost","root","","test");

//判断数据库连接是否成功

if ($con ->connect_error) {

    //die()函数--->终止脚本并输出信息

    die("数据库连接失败:".connect_error);

}

//SQL语句

$sql = "SELECT name FROM User WHERE Name = '".$name."'";

//调用mysqli的query()方法查询

$result = $con->query($sql);

//关闭连接

$con->close();

//判断结果并输出num_rows为行数

if ($result->num_rows != 0) {

    //如果存在相同信息则输出'1'

    echo('1');

}else{

    //如果不存在相同信息则输出'0'

    echo('0');

}

?>

我在数据库中插入过admin这个用户

所以，结果如下：

AJAX与PHP（PHP笔记）--动态验证用户名的更多相关文章

  1. Jquery验证插件 JqueryValidation 动态验证用户名等

    可以参考:http://www.w3cschool.cc/jquery/jquery-plugin-validate.html //form1 验证用户名 $("#form1"). ...

  2. 使用Ajax和JSON实现注册时候验证用户名是否存在的功能

    功能实现的思路:当通常一个网站需要注册用户信息的时候,往往会让用户起一个名字,但一般要求这个用户名称是不能重复的,为了判断新注册的用户填写的用户名是否已经存在,需要对填写的用户名称进行判断,实际项目开 ...

  3. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  4. ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  5. 使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  6. 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  7. 表单验证:$tablePrefix（定义表前缀）;$trueTableName = 'yonghu',找到真实表名(yonghu)表;create($attr,0)两个参数;批量验证(返回数组);ajax+动态验证表单

    *$tablePrefix是定义在Model中的,优先级大于配置文件中,如果项目中表前缀全部比如为"a_",并且在配置文件中定义了 'DB_PREFIX'=>'a_' 后期如 ...

  8. 11.10 （下午）开课二个月零六天（ajax验证用户名，ajax调数据库）

    用ajax验证用户名是否可用 testuid.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...

  9. 使用Ajax验证用户名

    Ajax是一项很重要的技术,下面简要举个例子,来解释如何使用Ajax.步骤如下:使用Ajax验证用户名使用文本框的onBlur事件 使用Ajax技术实现异步交互创建XMLHttpRequest对象通过 ...

随机推荐

  1. 使用sklearn做单机特征工程

    目录 1 特征工程是什么?2 数据预处理 2.1 无量纲化 2.1.1 标准化 2.1.2 区间缩放法 2.1.3 标准化与归一化的区别 2.2 对定量特征二值化 2.3 对定性特征哑编码 2.4 缺 ...

  2. SpringMVC常用的注解

    1. @Controller @Controller用于标识控制层主键,负责注册一个bean到spring上下文,bean的ID默认为首字母小写的类名称,用户也可以自定义. 例如: 方式一:  @Co ...

  3. mysql导入导出sql文件

    window下 1.导出整个数据库mysqldump -u 用户名 -p 数据库名 > 导出的文件名mysqldump -u dbuser -p dbname > dbname.sql2. ...

  4. Security3: Schema 和 Permission

    Schema是Object的容器,授予对Schema访问的权限,就是授予对Schema下所有object的访问权限. 一,Schema 是object的container The new schema ...

  5. jQuery 2.0.3 源码分析core - 选择器

         声明:本文为原创文章,如需转载,请注明来源并保留原文链接Aaron,谢谢!      打开jQuery源码,一眼看去到处都充斥着正则表达式,jQuery框架的基础就是查询了,查询文档元素对象 ...

  6. 一起学微软Power BI系列-官方文档-入门指南(3)Power BI建模

    我们前2篇文章:一起学微软Power BI系列-官方文档-入门指南(1)Power BI初步介绍 和一起学微软Power BI系列-官方文档-入门指南(2)获取源数据 中,我们介绍了官方入门文档与获取 ...

  7. 【原创】机器学习之PageRank算法应用与C#实现(2)球队排名应用与C#代码

    在上一篇文章:机器学习之PageRank算法应用与C#实现(1)算法介绍 中,对PageRank算法的原理和过程进行了详细的介绍,并通过一个很简单的例子对过程进行了讲解.从上一篇文章可以很快的了解Pa ...

  8. Objective-C中的语法糖

    写这篇博客源于一个疑问:“WoK~, 这也行?!”.刚接触OC不久,今天做深浅拷贝的测试,无意中把获取NSArray的值写成了用下标获取的方式.当时把注意力放在了深浅拷贝的内存地址分析上了,就没太在意 ...

  9. ASP.NET MVC Ajax.ActionLink 简单用法

    ASP.NET MVC 项目中,如何使用类似于 iframe 的效果呢?或者说 Ajax 局部刷新,比如下面操作: 我们想要的效果是,点击 About 链接,页面不刷新(地址栏不变),然后下面的内容进 ...

  10. 走进vue.js(一)

    走进vue.js(一) vue.js作为目前最具前景的前端框架之一,既然如此,博主贯彻以往的作风,肯定要捣鼓一番,经过为期半个多月的研究,算是对vue有了深刻的理解与认识,下面分三个章节解开vue.j ...