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

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

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

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

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

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

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

再看ajax在jquery中如何操做？

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

【get方式】

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

$.get(url,function(result){ 

　　//运行ajax,进入url页面，返回result

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

} 

 【post方式】

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

var url = "CheckUser.php";

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

跳转到CheckUser.php页面后经过get/post接收并从数据库中判断是否存在，而后返回一个值便可。。。 html代码：

用户名：

<form action="" method="post">

　　<input type="text" name="username" value="" />

　　<input type="submit" value="提交"/>

</form>

jquery代码：

$("#userName").blur(function(){

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

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

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

　　　　if(result == '1'){
　　　　　　 $("#Info").html("用户名存在！");
　　　　}else{
　　　　　　 $("#Info").html("能够注册！");
　　　　} 
　　}) 
})

CheckUser.php

if($_POST['name']){

　　//接收post传过来的值

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

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

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

?>