基于ajax异步请求的实现

【 tulaoshi.com - Web开发 】

script  
  //设一个变量  
  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.responseText;
    document.getElementById("info").innerHTML = res;
     //window.alert(res);
     }else{
      window.alert("所请求的页面有异常");
      }
      }
      }
   //身份验证
   function check(){
    //var name=document.getElementById("name").value;
    var   province=document.getElementById("state");  
   var   pindex   =   province.selectedIndex;  
   var   pValue   =   province.options[pindex].value;  
   //var   pText     =   province.options[pindex].text;  
     if(pValue==""){
      alert("请输入姓名");
      return false;
      }
      else{
       send('model.cfm？event='+pValue);
    &nb

sp;  }
      }
      
   /script
  /head
 
  body
   table
      form action="login" method="post"
       trtd姓名: input id="name" type="text" name="name1"/p
          input type="button" value="检测!" onClick="check()"/
       /td
   td align="left"
     select id="state" name="state" onChange="check()"
      option value="866"Virginia/option
      option value="867"Georgia/option
      option value="865"California/option
     /select
    /td
      /tr
      /form
      /table
DIVspan name="info" id="info" style="background:#eeffdd; padding-left:4px; padding-right:4px;"/span/DIV
  /body