Ajax入门--姓名验证

来源:互联网 发布:汉语族 知乎 编辑:程序博客网 时间:2024/05/04 11:45

在jsp页面中写一下js代码:

 var XMLHttpReq=false;
   //创建一个XMLHttpRequest对象
   function createXMLHttpRequest(){
     if(window.XMLHttpRequest){ //Mozilla
      XMLHttpReq=new XMLHttpRequest();
      }
      else if(window.ActiveXObject){
       try{
        XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
         try{
          XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
          }catch(e){}
          }
         }
        }

//发送请求函数
   function send(url){
    createXMLHttpRequest();
    XMLHttpReq.open("GET",url,true);
    XMLHttpReq.onreadystatechange=proce;   //指定响应的函数
    XMLHttpReq.send(null);  //发送请求
    }

function proce(){
    if(XMLHttpReq.readyState==4){ //对象状态
     if(XMLHttpReq.status==200){//信息已成功返回,开始处理信息
     var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data;
     window.alert(res);
     }else{
      window.alert("所请求的页面有异常");
      }
      }
      }
   //身份验证
   function check(){
    var name=document.getElementById("name").value;
     
     if(name==""){
      alert("请输入姓名");
      return false;
      }
      else{//如果姓名不为空,将name传到login servlet

       send('login?name='+name);
       }
      }

原创粉丝点击