真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網站制作重慶分公司

php+jquery+ajax實現用戶名驗證

這是我今天無意間看到的一些東西,第一次接觸jquery,當作我的一個意外收獲寫出來,只是初學者的了解。。。

成都創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網站建設、成都網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯(lián)網時代的平山網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!

從認識jquery開始寫這個驗證。。。

大多數情況下,jquery代碼的編寫,都要求我們將jquery的代碼放在以下三種中任一個function里。

有三種寫法,同樣效果,有點像Window.onload,但也有不同,就是window.onload是頁面加載完后才會執(zhí)行,而$(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返回值,輸出描述信息

}

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

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

 

 


文章標題:php+jquery+ajax實現用戶名驗證
網站地址:http://weahome.cn/article/jjpehe.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部