原生js代码实现ajax动态验证登录用户名

function checkUserName(){
 var userName=document.getElementById("userName"); //通过id获取用户输入的用户名
 userName.function(){  //当用户名输入框失去焦点时触发
  userName=this.value;  //获取用户名
  userName=encodeURI(userName);  //用户名中文编译
  var request=new XMLHttpRequest(); //新建XMLHttpRequest对象
  request.onreadystatechange=function(){  //当readyState改变时触发
   if(request.readyState==4){  //如果readyState等于4
    if(request.status==200||request.status==304){  
     var wrongCode = document.getElementById("wrongCode");  //通过id获取页面中提示文
     wrongCode.innerHTML=request.responseText;  //把服务端获取来的值赋给提示文
    }
   }
  }
  request.open("GET","userIn?userName="+userName);  //用get方式把用户名作为参数放在url里面
  request.send();  //发送
 };
}