AJax技术简单的验证注册的用户名

jquery版的ajax例子演示：

$(document).ready(

    function()
    {
        $("#username").blur(
            function(){
                var username = $("#username").val();       
                $.ajax({
                    //使用 post方法传参
                    type:"post",
                    //响应的url
                    url:"33.do",
                    //将username数据封装到data传给servlet
                    data:{"username":username},
                    //数据类型
                    dataType:"text",
                    success: function(data)
                    {
                        if(data=="username  can be used"){
                            $("#states").html("√");
                        }else{
                            $("#states").html("×");
                        }
                    }
                });                
            }    
        );
    }

);

html代码：用户名：<input type="text" name="username" id="username"><b id="states"></b>

运行效果：

当用户名可以使用时：

用户名重复时：