在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. Functional Programming without Lambda - Part 2 Lifting, Functor, Monad

    Lifting Now, let's review map from another perspective. map :: (T -> R) -> [T] -> [R] accep ...

  2. [ASP.NET MVC 小牛之路]11 - Filter

    Filter(筛选器)是基于AOP(面向方面编程)的设计,它的作用是对MVC框架处理客户端请求注入额外的逻辑,以非常简单优美的方式实现横切关注点(Cross-cutting Concerns).横切关 ...

  3. 《Entity Framework 6 Recipes》中文翻译系列 (25) ------ 第五章 加载实体和导航属性之加载完整的对象图和派生类型上的导航属性

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 5-5  加载完整的对象图 问题 你有一个包含许多关联实体的模型,你想在一次查询中, ...

  4. dede在php7上空白

    最近想看一本小说,想采集回来看,结果发现除了dedecms支持php7.0,其他主流cms基本上都不支持php7.0 在本地win7上调试了一遍,没有问题,放到linux服务器上的时候,发现打开任何页 ...

  5. SSRS3: Credentials配置

    1,Service Account Service Account 是Reporting Service 运行的账户,可以通过查看Windows 的 Service 来查看,强烈建议使用 Report ...

  6. MVC在添加控制器的时候发现没有添加的选项了?肿么办?

    异常汇总:http://www.cnblogs.com/dunitian/p/4523006.html#efmvc 因为马上要出去,先上几个关键图简单说一下,有什么不清楚的可以直接留言 nuget包 ...

  7. CSS系列:CSS文字样式

    1. 设置字体 在CSS中字体通过font-family属性来设置. font-family: Verdana, Arial, Helvetica, sans-serif; 上面的字体设置告诉浏览器首 ...

  8. MySql联接算法

    联接算法是MySql数据库用于处理联接的物理策略.在MySql 5.5版本仅支持Nested-Loops Join算法,如果联接表上有索引时,Nested-Loops Join是非常高效的算法.如果有 ...

  9. 前端学PHP之变量范围

    × 目录 [1]范围跨度 [2]函数范围 [3]global[4]预定义变量[5]超全局变量 前面的话 变量范围即它定义的上下文背景(也就是它的生效范围).在javascript中,并没有变量范围这一 ...

  10. NFS Volume Provider(Part II) - 每天5分钟玩转 OpenStack(63)

    上一节我们将 NFS volume provider 配置就绪,本节将创建 volume. 创建 volume 创建 NFS volume 操作方法与 LVM volume 一样,唯一区别是在 vol ...