Ajax学习

<script type="text/javascript">
  var req;
  function validate(){
    var idField=document.getElementById("userid"); //拿到id号为userid的那个元素
    var url="validate.jsp?id="+escape(idField.value);//建立url地址，escape：将一个值转化为url
    if(window.XMLHttpRequest){     //初始化req对象，根据不同浏览器设定不同的值
      req=new XMLHttpRequest();
    }else if(window.ActiveXObject){    //ie浏览器
      req=new ActiveXObject("Microsoft.XMLHTTP");
    }
    req.open("GET", url, true);  //open：打开url；true：使用异步模式；GET：打开的方法（另一个方法为post）
    req.onreadystatechange=callback; //当状态发生变化的时候，调用callback方法
    //readystate：状态值（0：还没初始化；1：请求还没发到客户端；2：请求已经发过去，并且服务器段给了头部反馈，内容还没有；
    //3：头信息已经拿到，内容正在取得之中；4：已经取完了，服务器端处理完毕）
    req.send(null);
  }
  function callback(){
    if(req.readyState==4){ //当服务器端处理完毕
      if(req.status==200){ //反映正常
        var msg=req.responseXML.getElementsByTagName("msg")[0];//根据标签名字拿到标签元素，拿到第1个元素
        setMsg(msg.childNodes[0].nodeValue);  //拿到对应的值
      }
    }
  }
  function setMsg(msg){
    if(msg=="invalid1")
      document.getElementById("usermsg").innerHTML="<font color='red'>用户名已经存在</font>"; //动态指定usermsg的内容
    else if(msg=="invalid2")
      document.getElementById("usermsg").innerHTML="<font color='red'>用户名有特殊符号</font>";
    else if(msg=="invalid3")
      document.getElementById("usermsg").innerHTML="<font color='red'>用户名长度至少为3</font>";
    else if(msg=="invalid4")
      document.getElementById("usermsg").innerHTML="<font color='red'>用户名不能为汉字</font>";
    else
      document.getElementById("usermsg").innerHTML="<font color='red'>恭喜，用户名可以使用</font>";
  }
</script>