php+jquery+ajax实现用户名验证

这是我今天无意间看到的一些东西，第一次接触jquery，当作我的一个意外收获写出来，只是初学者的了解。。。

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的平山网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

从认识jquery开始写这个验证。。。

大多数情况下，jquery代码的编写，都要求我们将jquery的代码放在以下三种中任一个function里。

有三种写法，同样效果，有点像Window.onload，但也有不同，就是window.onload是页面加载完后才会执行，而$(document).ready()方法只是等所有标签加载完后，就进行操作，还有$(document).ready()可以多次调用，而window.onload不可以，会被后一个调用所覆盖。。。

第一种：$(document).ready(function(){.....});

第二种：$().ready(function(){......});

第三种：$(function(){......});

注：通过jQuery中的$(document).ready()方法注册的事件处理程序，只要在DOM完全就绪时，就可以调用了，比如一张图片只要<img>标签完成，不用等这个图片加载完成，就可以设置图片的宽高的属性或样式等。

再看ajax在jquery中如何操作？

ajax通过两种方式传值：get/post

【get方式】

var changeUrl = "CheckUser.php?uName="+name; //跳转到判断页面

  $.get(changeUrl,function(result){ //运行ajax,进入url页面，返回result

    //通过result返回值，输出描述信息

}

【post方式】

 var username  = $(this).val();

var changeUrl = "CheckUser.php";

$.post(changeUrl,{name:username},function(result){ ...}

跳转到CheckUser.php页面后通过get/post接收并从数据库中判断是否存在，然后返回一个值即可。。。

html代码：用户名：<input type="text"  id="userName"/> <span id="Info"></span>

jquery代码：$("#userName").blur(function(){ 

  var username  = $(this).val();
  var changeUrl = "CheckUser.php"; //跳转到判断页面

//下面是运行ajax,进入changeUrl页面，传入name，返回result

 $.post(changeUrl ,{name:username},function(result){

   if(result == '1'){
    $("#Info").html("<font color=\"red\">用户名存在！</font>");
   }else{
    $("#Info").html("<font color=\"green\">可以注册！</font>");

} }  })

CheckUser.php

<?php
if($_POST['name']){//接收post传过来的值

 $username = trim($_POST['name']);

//进行判断，本来是要从数据库中取的，我偷懒了一下，只是测试。。。

 if($username == "admin"){
 echo '1';
 }else{
 echo '0';
 }}
?>

通常会看很多，可就是不怎么会写出来，可能因为这次是个意外，所以就不假思索的写啦，害怕意外会消失。。呵呵。。。

 

 

新闻名称：php+jquery+ajax实现用户名验证
网页URL：https://www.cdcxhl.com/article44/jjpehe.html

成都网站建设公司_创新互联，为您提供网站营销、全网营销推广、网站改版、网站设计、电子商务、品牌网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联