ajax实现用户验证

<script type="text/javascript">
var xhr ;

//初始化 xhr 对象
// return value : 1 : IE , 2 , Mozila , 0 : create xhr error ;
function createXHR(){
//1,创建xhr 对象 .
if( window.ActiveXObject ){
xhr = new ActiveXObject( "Microsoft.XMLHTTP" ) ;
return 1 ;
}else if( window.XMLHttpRequest ){
xhr = new XMLHttpRequest();
return 2 ;
}else{
return 0 ;
}
}

用户名是否存在

//将用户填写的用户名发送到服务器端
function checkUserName(){
var ret = createXHR();
if( ret == 0 ){
alert( "create xhr error" ) ;
}else{
//在xhr中注册用于处理应答的函数(handleCheck)
xhr.onreadystatechange = handleCheck ;
/*
//使用Get方式向服务器发送请求 .
var url = makeQueryString( "/ajax/reg.jsp" );
xhr.open( "get" , url ) ;
xhr.send( null );
*/

//通过Post 形式向服务器发送数据 .
var url = "需要处理的action的地址" ;
xhr.open( "post" , url ) ;
xhr.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded" ) ;
xhr.send( makeQueryString( null ) ) ;
}
}

//在指定的URL上添加参数
function makeQueryString( url ){
var name = document.getElementById( "nameId" ).value ;
var queryString ;
if( url == null ){
return "name=" + name ;
}else{
return url + "?name=" + name ;
}
}

function handleCheck(){
//通信进程结束 .
//readyState : 1: 初始化阶段 2 ：连接建立阶段 3 : 通信中阶段 4 ： 通信结束
if( xhr.readyState == 4 ){
//status==200,表示服务器运行正常
if( xhr.status == 200 ){
processResult();
}else if(document.getElementById( "nameId" ).value==""){
document.getElementById( "nameId2" ).firstChild.nodeValue="用户名不能为空";
document.getElementById( "nameId2" ).color="red";


}
}
}

function processResult(){
//取得应答内容 ,把应答内容显示示在网页上
var span = document.getElementById( "msgId" ) ;
span.innerHTML = xhr.responseText ;
}
<script>