利用jQuery和Ajax實現檢測用戶名是否已經被注冊

這是一個jQuery和Ajax的很基礎的應用，是我出去面試時的一個面試題。當時腦子有點懵想了好久才知道該怎么去實現，現在回來再看了下書好好總結一下這個東西。

首先新建一個html文件，只有簡單的幾行代碼，創建一個很基本的包含用戶名和密碼 以及注冊按鈕的文本框。代碼如下 只簡單說明問題 多余的暫時不加。

<form>
        用戶名：<input type="text" cols="20" name="Name" id="Name">
        <span id="tishi"></span><br/>
        密碼：<input type="pswd" name="pswd"><br/>
        <input type="submit" value="注冊">
    </form>

用戶名<input>后面的span 是用來添加提示信息的 如果該用戶名沒有被注冊 正常 顯示 如果不能顯示 獲取到id 向其插入警告字體

要用jQuery加Ajax最重要的是什么，沒錯就是引入jQuery庫。。接下來就是得引入jQuery庫，簡直說的太有道理哈哈哈

接下來就是jQuery代碼

<script type="text/javascript">
        $(document).ready(function(){
            check();
        });
        function check(){
            $('#Name').blur(function(){
                var a=$(this).val();
                var changUrl="yanzheng.php?action=check&name=a";
                $get(changUrl,function(str){
                    if(str=='1'){
                        $('#tishi').html("您輸入的用戶名已存在，請重新輸入");
                    }
                });
            });
        }
    </script>

給文本框設置了Id之后 當用戶失去焦點 就去調用check（）函數 進行驗證

獲取到文本框當前的值，將其通過$get()方法提交給一個驗證的php代碼，通過php對后台數據進行驗證處理，若在數據庫查詢到該用戶名，則返回1，否則返回0。html頁面拿到該值進行判斷處理若$get到的值是1，則在<span>元素里插入提示您“您的用戶名已存在，請重新輸入”。如果返回值是0，則說明該用戶名可以注冊。繼續進行。php代碼我也就不貼了。

很基礎的東西，往往有時意想不到的犯錯，前幾天去面試試了把水，自己總結了好多經驗，很有收獲，還是得去學習，很多基礎東西你不去運用過一段時間就忘記了，自己很有感受。多看書，多敲代碼，多思考。加油，我愛前端。I am a web developer，I love web front-end.