php+jquery+ajax實現使用者名稱驗證_PHP教程

這是我今天無意間看到的一些東西，第一次接觸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完全就緒時，就可以調用了，比如一張圖片只要標籤完成，不用等這個圖片載入完成，就可以設定圖片的寬高的屬性或樣式等。

再看ajax在jquery中如何操作？

ajax通過兩種方式傳值：get/post

【get方式】

var changeUrl = "CheckUser.php?uName="+name; //跳轉到判斷頁面

$.get(changeUrl,function(result){ //運行ajax,進入url頁面，返回result

//通過result傳回值，輸出描述資訊

} www.2cto.com

【post方式】

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

var changeUrl = "CheckUser.php";

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

跳轉到CheckUser.php頁面後通過get/post接收並從資料庫中判斷是否存在，然後返回一個值即可。。。

html代碼：使用者名稱：

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("使用者名稱存在！");
}else{
$("#Info").html("可以註冊！");

} } })

CheckUser.php

if($_POST['name']){//接收post傳過來的值

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

//進行判斷，本來是要從資料庫中取的，我偷懶了一下，只是測試。。。

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

通常會看很多，可就是不怎麼會寫出來，可能因為這次是個意外，所以就不假思索的寫啦，害怕意外會消失。。呵呵。。。

本文出自 “恒” 部落格

http://www.bkjia.com/PHPjc/478587.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/478587.htmlTechArticle這是我今天無意間看到的一些東西，第一次接觸jquery，當作我的一個意外收穫寫出來，只是初學者的瞭解。。。 從認識jquery開始寫這個驗證...

