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';
　　}
}

?>