基于ajax异步请求的实现

2022-07-15 80酷酷网 80kuku.com

　　ajax|请求|异步<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);
       }
      }

   </script>
</head>

<body>
   <table>
     <form action="login" method="post">
       <tr><td>姓名: <input id="name" type="text" name="name1"/><p>
          <input type="button" value="检测!" />
       </td>
   <td align="left">
     <select id="state" name="state" >
      <option value="866">Virginia</option>
      <option value="867">Georgia</option>
      <option value="865">California</option>
     </select>
    </td>
     </tr>
     </form>
     </table>
<DIV><span name="info" id="info" padding-left:4px; padding-right:4px;"></span></DIV>
</body>