在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. 玩转动态编译 - 高级篇：一,IL访问静态属性和字段

    IL介绍 通用中间语言(Common Intermediate Language,简称CIL,发音为"sill"或"kill")是一种属于通用语言架构和.NET ...

  2. WCF wsHttpBinding之Transport security Mode, clientCredentialType=”Basic”

    原创地址:http://www.cnblogs.com/jfzhu/p/4071342.html 转载请注明出处 如何在WCF中使用Transport Security Mode,以及如何创建证书,请 ...

  3. xamarin UWP ActivityIndicator

    在xamarin的UWP平台使用ActivityIndicator时,如果你时后台创建的这个对象,请设置他的宽度,不然在UWP平台下会发现找不这个对象,其实是在这个平台和特点版本下的宽度没设置,导致有 ...

  4. Android 解决方法数 65536 (65k) 限制

    可能出现的错误信息: Conversion to Dalvik format failed: Unable to execute dex: method ID not in [0, 0xffff]: ...

  5. 关于laravel 5.3 使用redis缓存出现 找不到Class 'Predis\Client' not found的问题

    昨天使用5.3.版本的laravel框架开发公司新项目, 发现将cache和session设置为了redis,执行了一下首页访问. 如图: laravel 版本号 简单配置一下控制器路由, Route ...

  6. Event的Propagate

    SSIS Package的Executable存在层次结构,例如Package位于层次结构的最顶层,Root Level:Container是其中包含的Executable(Task 或 Contai ...

  7. SqlServer性能检测和优化工具使用详细

    工具概要 如果你的数据库应用系统中,存在有大量表,视图,索引,触发器,函数,存储过程,sql语句等等,又性能低下,而苦逼的你又要对其优化,那么你该怎么办?哥教你,首先你要知道问题出在哪里?如果想知道问 ...

  8. DIV元素水平和垂直居中

    在前端开发过程中,经常要对元素进行居中设置.一般有水平居中,和垂直居中.一般设置水平居中简单.基本是margin:0 auto,就可以了.但是垂直居中,我们有时会觉得使用vertical-align, ...

  9. scikit-learn 支持向量机算法库使用小结

    之前通过一个系列对支持向量机(以下简称SVM)算法的原理做了一个总结,本文从实践的角度对scikit-learn SVM算法库的使用做一个小结.scikit-learn SVM算法库封装了libsvm ...

  10. scikit-learn 和pandas 基于windows单机机器学习环境的搭建

    很多朋友想学习机器学习,却苦于环境的搭建,这里给出windows上scikit-learn研究开发环境的搭建步骤. Step 1. Python的安装 python有2.x和3.x的版本之分,但是很多 ...