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

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

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

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

有三種寫法，同樣效果，有點像Window.onload，但也有不同，就是window.onload是頁面加載完后才會執(zhí)行，而$(document).ready()方法只是等所有標簽加載完后，就進行操作，還有$(document).ready()可以多次調(diào)用，而window.onload不可以，會被后一個調(diào)用所覆蓋。。。

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

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

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

注：通過jQuery中的$(document).ready()方法注冊的事件處理程序，只要在DOM完全就緒時，就可以調(diào)用了，比如一張圖片只要<img>標簽完成，不用等這個圖片加載完成，就可以設置圖片的寬高的屬性或樣式等。

再看ajax在jquery中如何操作？

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

【get方式】

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

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

    //通過result返回值，輸出描述信息

}

【post方式】

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

var changeUrl = "CheckUser.php";

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

跳轉(zhuǎn)到CheckUser.php頁面后通過get/post接收并從數(shù)據(jù)庫中判斷是否存在，然后返回一個值即可。。。

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

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

  var username  = $(this).val();
  var changeUrl = "CheckUser.php"; //跳轉(zhuǎn)到判斷頁面

//下面是運行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']);

//進行判斷，本來是要從數(shù)據(jù)庫中取的，我偷懶了一下，只是測試。。。

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

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

 

 

新聞名稱：php+jquery+ajax實現(xiàn)用戶名驗證
網(wǎng)頁URL：http://aaarwkj.com/article44/jjpehe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、全網(wǎng)營銷推廣、網(wǎng)站改版、網(wǎng)站設計、電子商務、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)